:root{color-scheme:dark;--bg:#11151c;--surface:#1b2330;--line:#323d4b;--text:#eef2f7;--muted:#9daabc;--mint:#7ee0bc;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}
.auth-header{width:100%;max-width:1440px;margin:0 auto;padding:25px 5%;border-bottom:1px solid #28313e}.brand{font-size:25px;font-weight:780;letter-spacing:-1px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,8vw,128px);width:min(100%,1120px);padding:58px 40px;margin:auto;flex:1}.auth-intro{align-self:center}.cinema-mark{width:66px;height:66px;color:var(--mint);margin-bottom:28px}.cinema-mark svg{width:100%;height:100%}h1{font-size:clamp(38px,4.5vw,60px);line-height:1.12;letter-spacing:-2px;margin:0 0 24px;font-weight:760}.auth-intro p{font-size:16px;color:var(--muted);max-width:310px;margin:0}.intro-rule{display:block;width:46px;height:2px;background:var(--mint);margin:38px 0 16px}.auth-intro .intro-small{font-size:12px;letter-spacing:.15px;color:#8492a4}.auth-panel{width:100%;max-width:420px;justify-self:end;animation:enter .3s ease both}.auth-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:30px}.auth-tabs a{padding:0 0 12px;color:var(--muted);font-size:14px;font-weight:650;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.auth-tabs a:hover{color:var(--text)}.auth-tabs a[aria-current=page]{color:var(--mint);border-color:var(--mint)}.form-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 9px}.form-heading p{color:var(--muted);font-size:14px;margin:0 0 27px}.field{margin-bottom:19px}.field label{display:block;font-size:13px;font-weight:600;color:#c6d0dd;margin-bottom:8px}input{width:100%;min-height:49px;padding:12px 14px;border:1px solid #3b4655;border-radius:8px;background:var(--surface);color:var(--text);font-size:15px;transition:border-color .18s}input:hover{border-color:#657287}input::placeholder{color:#7f8da0}input[aria-invalid=true]{border-color:#e6a29f}.password-input{position:relative}.password-input input{padding-right:78px}.password-input button{position:absolute;top:5px;right:5px;bottom:5px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#b9c8d7;font-size:12px;font-weight:650;cursor:pointer;transition:background .18s,color .18s}.password-input button:hover{background:#ffffff0c;color:var(--mint)}.field-help{font-size:12px;color:var(--muted);margin:7px 0 0}.field-error{font-size:12px;color:#f2b2ac;margin:7px 0 0}.form-error{padding:12px 14px;border-left:2px solid #e6a29f;background:#e6a29f0d;color:#f2c2bd;border-radius:4px;font-size:13px;line-height:1.6;margin:6px 0 20px;overflow-wrap:anywhere}.submit-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--mint);color:#10251e;border:1px solid var(--mint);border-radius:8px;padding:12px 18px;font-size:14px;font-weight:750;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.submit-button:hover:not(:disabled){background:#a1efd4;box-shadow:0 5px 24px #7ee0bc16}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button svg{width:19px;height:19px}.switch-copy{font-size:13px;color:var(--muted);text-align:center;margin:25px 0 0}.switch-copy a{color:var(--mint);font-weight:600;margin-left:3px;text-underline-offset:4px}.switch-copy a:hover{text-decoration:underline}.auth-footer{padding:20px 5%;font-size:12px;color:#8090a5;border-top:1px solid #28313e}.spinner{width:17px;height:17px;border:2px solid #10251e40;border-top-color:#10251e;border-radius:50%;animation:spin .8s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.auth-header{padding:20px 6%}.brand{font-size:23px}.auth-layout{grid-template-columns:1fr;max-width:490px;padding:36px 25px 44px;gap:0;flex:initial;margin:0 auto auto}.auth-intro{display:none}.auth-panel{max-width:none;justify-self:stretch}.auth-tabs{margin-bottom:27px}.form-heading h2{font-size:29px}.auth-footer{padding:18px 6%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.form-heading p { overflow-wrap: anywhere; }
.verification-actions { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; }
.verification-actions button { padding: 7px 0; border: 0; background: transparent; color: var(--mint); font-size: 13px; cursor: pointer; }
.verification-actions button:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (pointer: coarse) {
 .field input { font-size: 16px; }
}