.access-demo-page{min-height:100svh;padding:24px 20px;background:radial-gradient(ellipse at 6% 8%,#173e6a 0,transparent 46%),radial-gradient(ellipse at 100% 95%,#451e3c 0,transparent 43%),#08182d;color:#edf4ff;font-family:Arial,Helvetica,sans-serif}.access-demo-page *{box-sizing:border-box}.access-demo-banner{display:flex;align-items:center;justify-content:center;gap:7px;max-width:1000px;margin:0 auto 20px;color:#b4c7dd;font-size:11px;line-height:1.5}.access-demo-layout{display:grid;grid-template-columns:1.05fr 1fr;max-width:1000px;margin:auto;min-height:660px;border:1px solid #ffffff1a;border-radius:28px;overflow:hidden;background:#10243bb3;box-shadow:0 24px 80px #00000030}.access-demo-story{display:flex;flex-direction:column;justify-content:space-between;gap:50px;padding:46px;background:linear-gradient(160deg,#153b60aa,#091b30)}.access-demo-story img{width:196px;height:92px;object-fit:contain;padding:12px;background:white;border-radius:16px}.access-demo-story span{display:block;font-size:11px;letter-spacing:2.3px;color:#88b4df}.access-demo-story h1{font-size:44px;letter-spacing:-1.6px;line-height:1.12;font-weight:600;margin:18px 0;color:#fff}.access-demo-story p{font-size:15px;line-height:1.7;color:#b4c7dd;max-width:300px}.access-demo-story small{font-size:11px;color:#88a3bd}.access-demo-panel{min-width:0;display:flex;flex-direction:column;gap:18px;padding:34px 38px;background:linear-gradient(165deg,#152c47,#0c1f35);border-left:1px solid #ffffff12}.access-demo-brand{display:flex;align-items:center;gap:14px;padding-bottom:5px}.access-demo-brand img{display:block;width:130px;height:64px;object-fit:contain;background:#fff;border-radius:12px;padding:8px}.access-demo-brand>span{font-size:10px;line-height:1.6;letter-spacing:1.6px;max-width:95px;color:#9bb4cf}.access-demo-modes{display:grid;grid-template-columns:1fr 1fr;padding:4px;grid-gap:4px;gap:4px;background:#07172a80;border:1px solid #ffffff12;border-radius:14px}.access-demo-page button,.access-demo-page input,.access-demo-page select{font-family:inherit}.access-demo-page button{cursor:pointer}.access-demo-modes button{min-height:43px;padding:10px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a3b9d0;font-size:13px;font-weight:600}.access-demo-modes button[aria-pressed=true]{background:#284b70;border-color:#5f88b44d;color:#fff;box-shadow:0 2px 8px #0002}.access-demo-profile-heading{text-align:center;margin:5px 0 -6px}.access-demo-profile-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;color:#fff;font-weight:600;margin:0 0 8px}.access-demo-profile-heading p{font-size:12px;color:#9fb6ce;line-height:1.5;margin:0}.access-demo-account{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 18px;text-align:center;border:1px solid #8fb5de29;border-radius:22px;background:linear-gradient(135deg,#24466780,#152e4880);box-shadow:inset 0 1px 0 #ffffff08}.access-demo-account>div:last-child{min-width:0;width:100%}.access-demo-account b{display:block;font-size:19px;color:#fff;line-height:1.4;margin-bottom:6px}.access-demo-account small,.access-demo-account span{display:block;overflow-wrap:anywhere}.access-demo-account span{font-size:13px;color:#bdd0e2}.access-demo-account small{font-size:11px;letter-spacing:.5px;color:#8fa9c4;margin-top:8px}.access-demo-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:76px;color:#fff;border:1px solid #e6889b66;border-radius:50%;background:linear-gradient(145deg,#b9294b,#7e1d39);box-shadow:0 0 0 7px #de547814,0 6px 18px #0002}.access-demo-account.is-small{flex-direction:row;text-align:left;padding:12px 14px;gap:13px;border-radius:14px}.access-demo-account.is-small b{font-size:13px;margin:0 0 4px}.access-demo-account.is-small span{font-size:11px}.access-demo-account.is-small small{display:none}.access-demo-account.is-small .access-demo-avatar{flex-basis:38px;width:38px;height:38px;box-shadow:none}.access-demo-remember{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;line-height:1.5;color:#b4c7dd;margin:0}.access-demo-remember input{width:18px;height:18px;accent-color:#e14a69}.access-demo-page .access-demo-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:13px 18px;color:#fff;background:linear-gradient(110deg,#ac183d,#d12e4c);border:1px solid #df4661;border-radius:14px;box-shadow:0 6px 18px #ab15342b;font-size:15px;font-weight:600}.access-demo-page .access-demo-primary:hover{filter:brightness(1.08)}.access-demo-page .access-demo-primary:active{transform:translateY(1px)}.access-demo-page .access-demo-text{display:block;min-height:36px;margin:-8px auto 0;padding:6px 10px;background:transparent;border:0;color:#b3cce6;font-size:12px;font-weight:500}.access-demo-form{display:grid;grid-gap:14px;gap:14px;margin:0}.access-demo-form h2{color:#fff;font-size:21px;letter-spacing:-.4px;font-weight:600;margin:6px 0}.access-demo-form>p{font-size:13px;color:#9fb6ce;line-height:1.6;margin:0}.access-demo-form>label,.access-demo-secret{display:grid;grid-gap:8px;gap:8px;font-size:12px;color:#b4c7dd;font-weight:500}.access-demo-form input{width:100%;min-width:0;min-height:48px;border:1px solid #6c8bac66;border-radius:12px;padding:12px;background:#091a2fcc;color:#f4f8ff;font-size:16px}.access-demo-page :is(button,input,select):focus-visible{outline:3px solid #80b7ef;outline-offset:3px}.access-demo-form input::placeholder{color:#7892ae}.access-demo-form input:focus{border-color:#80b7ef}.access-demo-password-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.access-demo-password-title h2{font-size:19px;margin:0}.access-demo-digits{display:flex;align-items:center;gap:5px;font-size:10px;color:#9fb6ce}.access-demo-digits select{padding:6px;border:1px solid #6c8bac66;border-radius:7px;background:#102a45;color:#dcecff;font-size:11px}.access-demo-secret input{font-size:25px;letter-spacing:5px;text-align:center}.access-demo-secret>small{font-size:10px;font-weight:400;color:#93adc8;text-align:center;line-height:1.4}.access-demo-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.access-demo-keypad button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px;border:1px solid #55799e55;border-radius:13px;background:#1c3652;color:#f3f8ff;font-size:22px;font-weight:400}.access-demo-keypad button:active{background:#355a7c;transform:translateY(1px)}.access-demo-keypad button.is-quiet{font-size:11px;color:#a5bdd7}.access-demo-form-links{display:flex;align-items:center;justify-content:space-between;gap:8px}.access-demo-form-links button{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:4px 0;background:transparent;border:0;color:#a8c3df;font-size:11px}.access-demo-biometric,.access-demo-complete{display:grid;grid-gap:18px;gap:18px;text-align:center;padding:15px 0}.access-demo-biometric h2,.access-demo-complete h2{font-size:26px;color:#fff;margin:0;letter-spacing:-.5px;font-weight:600}.access-demo-biometric p,.access-demo-complete p{font-size:13px;color:#b1c7de;line-height:1.7;margin:0}.access-demo-face{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin:10px auto;border:1px solid #6fa3d455;border-radius:28px;background:linear-gradient(145deg,#28517b,#18334f);color:#d6ebff;box-shadow:0 0 0 10px #47769d0f}.access-demo-kicker{font-size:10px;letter-spacing:1.8px;color:#92b5d7}.access-demo-complete>svg{margin:auto;color:#72d6ac}.access-demo-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:8px;margin-top:auto;color:#829db9;font-size:10px;line-height:1.5;text-align:center}.access-demo-error,.access-demo-message{font-size:12px;line-height:1.5;padding:12px;border:1px solid #ffffff18;border-radius:12px;margin:0}.access-demo-error{background:#752b3b55;color:#ffc8d2}.access-demo-message{background:#264c7055;color:#c8e4ff}@media(max-width:700px){.access-demo-page{padding:16px 12px 22px}.access-demo-banner{font-size:10px;margin-bottom:14px;gap:5px}.access-demo-layout{display:block;max-width:430px;min-height:0;border:0;border-radius:24px;background:transparent;box-shadow:none;overflow:visible}.access-demo-story{display:none}.access-demo-panel{padding:20px;gap:18px;min-height:0;border:1px solid #ffffff1c;border-radius:24px;box-shadow:0 16px 45px #0002}.access-demo-brand{justify-content:center;gap:16px}.access-demo-brand img{width:135px;height:64px}.access-demo-brand>span{font-size:9px}.access-demo-account{padding:22px 16px}.access-demo-profile-heading h2{font-size:24px}.access-demo-footer{margin-top:0;padding-top:6px}.access-demo-form{gap:12px}.access-demo-keypad button{min-height:44px}.access-demo-account.is-small{padding:11px 12px}}@media(max-width:360px){.access-demo-page{padding:12px 8px 18px}.access-demo-panel{padding:18px 14px;gap:16px}.access-demo-password-title h2{font-size:17px}.access-demo-digits{display:grid;grid-gap:3px;gap:3px}.access-demo-account b{font-size:18px}.access-demo-form-links button{font-size:10px}.access-demo-profile-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.access-demo-page button:active{transform:none}}