:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183653;background:#eef3f8;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh}.access-layout{min-height:100vh;display:grid;grid-template-columns:1.07fr 1fr}.access-brand{position:relative;overflow:hidden;padding:clamp(38px,6vw,110px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 10% 15%,#fff 0,transparent 65%),linear-gradient(140deg,#f2f6fc,#e4edf8)}.access-brand:after{content:"";position:absolute;right:-110px;bottom:10px;width:430px;height:430px;border:1px solid #c8a64e30;border-radius:50%;box-shadow:0 0 0 65px #c8a64e08,0 0 0 130px #20497505;pointer-events:none}.access-logo{width:min(440px,100%);height:auto;align-self:flex-start;margin-bottom:70px}.brand-eyebrow,.access-kicker{font-size:11px;font-weight:750;letter-spacing:2px;color:#62758a;line-height:1.6}.access-brand h1{font-size:clamp(36px,4vw,60px);letter-spacing:-2px;line-height:1.12;font-weight:650;margin:18px 0 24px;color:#12345a}.brand-description{font-size:16px;line-height:1.85;color:#5d7288;margin:0}.brand-line{height:3px;width:60px;background:#bea04f;margin:36px 0}.studio-signature{display:flex;align-items:center;gap:20px;z-index:1}.studio-signature img{width:102px;height:90px;object-fit:contain}.studio-signature span{font-size:12px;line-height:1.8;color:#65758a}.studio-signature strong{font-size:14px;color:#294b6c}.brand-footer{margin:50px 0 0;font-size:10px;font-weight:700;letter-spacing:2px;color:#76879a}.brand-footer span{padding:0 10px;color:#ad8c3a}.access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 36px;background:#fbfcfe}.access-card{width:100%;max-width:425px}.access-kicker{color:#947528;letter-spacing:1.8px}.access-card h2{font-size:32px;line-height:1.2;letter-spacing:-.8px;color:#173b60;font-weight:650;margin:14px 0}.access-intro{font-size:14px;line-height:1.7;color:#758496;margin:0 0 30px}.access-card form{display:grid;gap:20px}.access-card label{display:grid;gap:9px;font-size:13px;font-weight:600;color:#314f6d}.access-card input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #cbd6e2;border-radius:10px;background:#fff;padding:14px 15px;font:inherit;font-size:16px;font-weight:400;color:#173b60;min-height:50px;transition:box-shadow .15s,border-color .15s}.access-card input:focus{outline:none;border-color:#3d6fa6;box-shadow:0 0 0 3px #366dab18}.password-control{position:relative;display:block}.password-control input{padding-right:78px!important}.password-toggle{position:absolute;right:12px;top:12px;padding:6px 3px;border:0;background:none;color:#58718b;cursor:pointer;font:inherit;font-size:12px}.access-primary,.access-secondary{min-height:50px;width:100%;border:0;border-radius:10px;background:#163d66;color:white;font:inherit;font-size:14px;font-weight:650;padding:14px 18px;cursor:pointer;display:flex;justify-content:center;gap:12px;align-items:center}.access-primary:hover{background:#214f7e}.access-primary:disabled{background:#c6d1dc;cursor:default}.access-secondary{background:#edf3fa;color:#284d73;border:1px solid #c5d5e5;margin:18px 0}.access-text{border:0;background:none;color:#40668e;font:inherit;font-size:13px;cursor:pointer;padding:4px 0}.setup-link{font-size:12px;border-top:1px solid #e0e7ee;padding-top:18px}.access-help{font-size:12px;font-weight:400;color:#6a7d91;line-height:1.75;margin:0}.access-security{text-align:center;color:#8693a1;font-size:11px;margin:32px 0 0;padding-top:22px;border-top:1px solid #e6ebf0}.access-security span{margin-right:6px}.access-bottom{color:#a0aab5;font-size:11px;margin:40px 0 0}.access-error,.access-notice{font-size:13px;line-height:1.6;padding:12px 14px;border-radius:8px;margin:0 0 20px}.access-error{background:#fff0ef;border:1px solid #edc2bf;color:#963730}.access-notice{background:#eef7f2;border:1px solid #c8e2d3;color:#315f46}.access-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mfa-qr{display:block;background:white;width:220px;height:220px;max-width:100%;margin:12px auto}.mfa-manual{font-size:12px;color:#436585;margin-bottom:15px}.mfa-manual code{display:block;overflow-wrap:anywhere;letter-spacing:1px;padding:12px;background:#edf3f9}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.recovery-codes code{background:#edf3f9;border:1px solid #d8e3ee;border-radius:6px;padding:10px;font-size:13px;text-align:center;letter-spacing:1px}.access-check{display:flex!important;align-items:flex-start;line-height:1.6;margin:18px 0}.access-check input{margin-top:4px}button:focus-visible,summary:focus-visible{outline:3px solid #bba05c;outline-offset:3px}@media(max-width:900px){.access-brand{padding:40px}.access-logo{margin-bottom:45px}.access-panel{padding:36px 26px}.access-brand h1{font-size:40px}.brand-description{font-size:14px}}@media(max-width:680px){.access-layout{grid-template-columns:1fr}.access-brand{padding:26px 28px;min-height:0}.access-logo{width:240px;margin:0 auto}.brand-eyebrow,.access-brand h1,.brand-description,.brand-line,.studio-signature,.brand-footer{display:none}.access-brand:after{display:none}.access-panel{padding:32px 24px;justify-content:flex-start;min-height:calc(100vh - 130px)}.access-card h2{font-size:28px}.access-two-fields{grid-template-columns:1fr}.access-bottom{margin-top:26px}}
:root .access-preview{margin:0;padding:9px 18px;background:#fff3cc;color:#705315;font-size:12px;font-weight:650;text-align:center;border-bottom:1px solid #e0ce9a}
.password-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}
.password-control input{padding-right:15px!important}
.password-control .password-toggle{position:static;min-width:62px;min-height:44px;padding:8px 3px;line-height:1.3;white-space:normal}
.access-card label,.access-two-fields>*{min-width:0;overflow-wrap:anywhere}
.access-card [data-username]{text-transform:uppercase}
.access-stay .access-check{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0 0 8px;align-items:start;cursor:pointer}
.access-stay input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;accent-color:#163d66}
