.access-page{background:linear-gradient(#06274299,#062742d9),url(/serom-landscape.png) 50%/cover fixed;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.access-page:before{content:"";border:1px solid #ffffff20;border-radius:50%;width:540px;height:540px;position:absolute;top:-260px;right:-170px}.access-page:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 5%,#48c9f52b,#0000 38%);position:absolute;inset:0}.access-card{-webkit-backdrop-filter:blur(18px);text-align:center;z-index:1;background:linear-gradient(145deg,#ffffffd9,#eaf5f8a8);border:1px solid #ffffffb8;border-radius:30px;width:min(440px,100%);padding:42px 44px;position:relative;box-shadow:0 28px 80px #041b2b80,inset 0 1px #fffa}.access-logo{object-fit:contain;filter:drop-shadow(0 4px 6px #0c385533);width:170px;height:auto;max-height:90px;margin:0 auto 22px;display:block}.access-kicker{color:#147aaa;letter-spacing:.2em;margin:0 0 10px;font-size:11px;font-weight:800}.access-card h1{color:#123e59;margin:0 0 10px;font-size:30px}.access-copy{color:#46687c;margin:0 0 28px}.access-card form{text-align:left}.access-card label{color:#294e66;margin-bottom:8px;font-weight:700;display:block}.access-card input{box-sizing:border-box;color:#123e59;background:#ffffff80;border:1px solid #ffffffd0;border-radius:12px;width:100%;margin-bottom:18px;padding:13px 14px;font-size:16px;box-shadow:inset 0 1px 3px #174e6b18}.access-card input:focus{background:#ffffffb8;border-color:#1684b0;outline:3px solid #2ca6cf55}.access-card button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#117eaa,#13a0bd);border:1px solid #fff5;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:800;box-shadow:0 10px 22px #147aaa55}.access-card button:hover{filter:brightness(1.08);transform:translateY(-1px)}.access-card button:disabled{opacity:.65}.access-error{color:#b42318;margin:12px 0 0;font-size:14px}.access-card small{color:#617f90;margin-top:24px;display:block}.access-card{-webkit-backdrop-filter:blur(24px)saturate(135%);background:linear-gradient(145deg,#eaf7fb55,#8cc7db2e);border-color:#fff6;box-shadow:0 28px 80px #041b2b80,inset 0 1px #fff8}.access-card h1{color:#fff;text-shadow:0 2px 12px #06284266}.access-copy,.access-card label{color:#e4f6fb}.access-kicker{color:#8ce5ff}.access-card input{color:#fff;background:#ffffff1f;border-color:#ffffff80}.access-card input:focus{background:#fff3;border-color:#8ce5ff}.access-card small{color:#d4edf3}.access-logo{width:230px;max-height:125px;margin-bottom:28px}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.password-toggle{top:5px;right:8px;color:#d8f4fb!important;width:auto!important;box-shadow:none!important;background:0 0!important;padding:8px 9px!important;font-size:12px!important;position:absolute!important}.password-toggle:hover{text-decoration:underline;transform:none!important}.access-success{color:#b9ffd5;margin:12px 0 0;font-size:14px}.access-mode{box-shadow:none!important;color:#d8f4fb!important;background:0 0!important;border:0!important;margin-top:15px!important;padding:8px!important;font-size:14px!important}.access-mode:hover{text-decoration:underline;transform:none!important}.access-card:has(#confirm){padding-top:28px;padding-bottom:28px}.access-card:has(#confirm) .access-logo{width:125px;max-height:62px;margin-bottom:12px}.access-card:has(#confirm) .access-copy{margin-bottom:18px}.access-card:has(#confirm) input{margin-bottom:12px;padding:11px 13px}