.accessScreen{overflow:auto;justify-content:flex-start!important;background:radial-gradient(circle at 0 0,#244f70,#102c43)!important;color:#193b55!important;padding:28px 16px!important}
.accessCard{box-sizing:border-box;width:min(100%,450px);background:white;border-radius:20px;padding:30px;text-align:left;margin:auto;box-shadow:0 22px 80px #00111f44}
.accessLogo{width:48px;height:48px;border-radius:14px;background:#2187bf;color:white;font:bold 34px/48px system-ui;text-align:center}
.accessEyebrow{font-size:11px;letter-spacing:1.5px;color:#3e7699;margin-top:20px}
.accessCard h1{font-size:27px;line-height:1.15;margin:12px 0}.accessCard p{line-height:1.55;font-size:14px}
.accessTabs{display:flex;gap:5px;background:#eef4f8;border-radius:10px;padding:5px;margin:22px 0}
.accessTabs button{flex:1;border:0;border-radius:7px;background:transparent;padding:10px 6px;color:#375d77;font-size:13px;min-height:44px}
.accessTabs button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #173d5920;color:#11538b}
.accessCard label{display:block;font-size:13px;margin:14px 0 5px;font-weight:600}
.accessCard input{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:6px;border:1px solid #c9d9e4;border-radius:8px;min-height:46px;font:16px system-ui;color:#183f5e;background:white}
.accessCard input:focus{outline:2px solid #399bd6;outline-offset:2px}
#accessSubmit{width:100%;margin-top:22px;min-height:46px;border:0;border-radius:9px;background:#226fa5;color:white;font-weight:600;cursor:pointer}
#accessSubmit:disabled{opacity:.5;cursor:default}
#accessMessage{padding:0;color:#875011}#accessMessage:not(:empty){padding:12px;background:#fff6df;border-radius:8px}
.accessCard small,.accessFoot{font-size:12px!important;color:#637e90}
.accessHelp{border-top:1px solid #e3ebf2;padding-top:16px}.accessHelp a{color:#146695}
[hidden]{display:none!important}
@media(max-width:480px){.accessCard{padding:24px 20px}.accessScreen{padding-top:max(20px,env(safe-area-inset-top))!important}}