.auth-modal{width:min(1020px,calc(100% - 32px));max-height:calc(100dvh - 28px);border:1px solid #b98650;background:#11131a;color:#f6f0e8;border-radius:0;box-shadow:0 35px 100px #000e,0 0 55px #e7803326;overflow:auto}.auth-modal::backdrop{background:#050608e8;backdrop-filter:blur(13px)}.auth-modal-shell{display:grid;grid-template-columns:42% 58%;min-height:610px}.auth-modal-art{isolation:isolate;position:relative;min-height:610px;padding:38px;justify-content:flex-end;background:linear-gradient(0deg,#0b0a10f5 0%,#0b0a10a6 30%,#0b0a1066 68%,#0b0a1080 100%),url('/assets/dark-knight.jpg') center 38%/cover}.auth-modal-art:before{inset:16px;border:1px solid #ffc27b85;clip-path:none;z-index:-1}.auth-modal-art:after{content:"SEASON 6  /  EPISODE 3";position:absolute;top:33px;left:38px;color:#f7d2a7;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.14em;padding:8px 10px;background:#422d28c9;border:1px solid #c68759aa;z-index:1}.auth-modal-art .eyebrow{color:#f4b969;font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.13em}.auth-modal-art h2{margin:16px 0 18px;color:#fff;font:800 clamp(38px,4vw,57px)/1.02 Sora,sans-serif;letter-spacing:-.07em;text-transform:uppercase;text-shadow:0 3px 24px #000}.auth-modal-art h2 em{font-style:normal;color:#ffb356}.auth-modal-art p:last-child{max-width:320px;color:#ded2c5;font:500 13px/1.65 Inter,sans-serif}.auth-modal-panel{padding:31px 45px 36px;background:radial-gradient(circle at 95% 10%,#56322855,transparent 35%),linear-gradient(145deg,#171a23,#101217 70%);overflow:auto}.auth-close{right:18px;top:17px;width:38px;height:38px;border:1px solid #765a46;background:#242127;color:#f5cc9a;font:400 25px/1 Inter,sans-serif;transition:background .2s,border-color .2s}.auth-close:hover{background:#3a2a25;border-color:#efae61}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:35px 0 28px;padding:5px;border:1px solid #66503f;background:#0d1017}.auth-tabs button{min-height:45px;padding:11px 9px;border:0;color:#afa5a1;background:transparent;font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.06em;transition:background .2s,color .2s}.auth-tabs button[aria-selected=true]{color:#17120f;background:linear-gradient(110deg,#e99239,#f5bd67);box-shadow:0 6px 20px #ee9d4440}.auth-tabs button:hover:not([aria-selected=true]){background:#28252a;color:#f4d0ab}.auth-pane>.eyebrow{color:#eca35d;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.13em}.auth-pane h3{color:#f8f2eb;font:800 31px/1.1 Sora,sans-serif;letter-spacing:-.045em;margin:9px 0 10px}.auth-pane>p:not(.eyebrow){color:#aba4a3;font:400 12px/1.6 Inter,sans-serif;margin:0 0 21px}.auth-pane form{margin:0}.auth-pane label{margin:15px 0 7px;color:#dec6ae;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.08em}.auth-pane input[type=text],.auth-pane input[type=password],.auth-pane input[type=email]{height:46px;padding:12px 46px 12px 14px;border:1px solid #584b43;background:#0d1118;color:#f8eee3;font:500 13px Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.auth-pane input:hover{border-color:#a6784e}.auth-pane input:focus{border-color:#f0aa55;box-shadow:0 0 0 3px #eea34a2b}.auth-password button{right:5px;top:5px;height:36px;width:38px;color:#ebae68;font-size:18px}.auth-password button:hover{color:#ffd393}.auth-modal .auth-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:48px;margin-top:22px;padding:13px 17px;border:1px solid #f1ad59;background:linear-gradient(110deg,#e7953d,#f7bd69);color:#21160e;font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 9px 26px #e68a3833;transition:transform .2s,filter .2s}.auth-modal .auth-submit:hover{transform:translateY(-2px);filter:brightness(1.12)}.auth-modal .auth-submit:disabled{cursor:wait;opacity:.65;transform:none}.auth-result{min-height:20px;margin:9px 0 0;color:#f2b56f;font-size:12px}.auth-help{align-items:center;margin-top:7px;border-top:1px solid #51453d;padding-top:16px;color:#a6a1a0;font-size:11px}.auth-help a{color:#f0b878}.auth-consent{margin-top:16px!important;color:#bbb2a9!important;font:500 11px/1.55 Inter,sans-serif!important}.auth-consent input{margin:2px 0 0;accent-color:#f0a854;width:16px;height:16px}.auth-success-code{border-color:#d7964c;background:#282017}.auth-success-code strong{color:#ffd18d}.auth-modal:has([data-tab="register"][aria-selected="true"]){border-color:#c88368;box-shadow:0 35px 100px #000e,0 0 58px #b7688540}.auth-modal:has([data-tab="register"][aria-selected="true"]) .auth-modal-art{background:linear-gradient(0deg,#0d0b17f7 0%,#13101daa 36%,#20132766 70%,#20132788 100%),url('/assets/v2/velkar-portal.webp') 29% center/cover}.auth-modal:has([data-tab="register"][aria-selected="true"]) .auth-modal-art h2 em{color:#ffbd75}.auth-modal:has([data-tab="register"][aria-selected="true"]) .auth-tabs button[aria-selected=true]{background:linear-gradient(110deg,#e99748,#f1a177)}.auth-modal:has([data-tab="register"][aria-selected="true"]) .auth-submit{background:linear-gradient(110deg,#e9943d,#f4a67b)}@media(max-width:760px){.auth-modal{width:min(560px,calc(100% - 18px));max-height:calc(100dvh - 16px)}.auth-modal-shell{display:block;min-height:0}.auth-modal-art{min-height:155px;padding:50px 25px 18px;background-position:center 32%}.auth-modal-art:before{inset:10px}.auth-modal-art:after{top:18px;left:25px;font-size:8px;padding:5px 7px}.auth-modal-art .eyebrow{display:none}.auth-modal-art h2{font-size:31px;margin:0;max-width:270px}.auth-modal-art p:last-child{display:none}.auth-modal-panel{padding:19px 24px 26px}.auth-tabs{margin:4px 35px 22px 0}.auth-pane h3{font-size:25px}.auth-pane label{margin-top:13px}.auth-modal .auth-submit{margin-top:18px}}@media(max-width:450px){.auth-modal-panel{padding:18px}.auth-tabs{margin-right:35px}.auth-tabs button{font-size:10px}.auth-modal-art{min-height:135px}.auth-modal-art h2{font-size:27px}.auth-help{display:block}.auth-help a{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){.auth-modal *{transition:none!important}}
