@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#070b08;--card:#0e1611;--text:#f4f7f5;--muted:#8c9a91;--green:#4ade80;--border:rgba(74,222,128,.14)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{cursor:pointer}
.auth-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);max-width:1680px;margin:auto;padding:24px;gap:24px}
.auth-story{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:#0d1811;min-height:700px}
.auth-story:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,16,10,.82),rgba(7,16,10,.94)),url('img/promo_poster.png') center/cover}
.auth-story:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 55%,rgba(34,197,94,.15),transparent 70%),repeating-linear-gradient(90deg,transparent 0,transparent 71px,rgba(74,222,128,.025) 72px)}
.auth-brand{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;font-size:16px;font-weight:800;letter-spacing:.5px}.auth-brand img{width:58px;height:58px;object-fit:contain}.auth-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.8px;margin-top:3px}
.auth-story-body{padding:60px 0;max-width:570px}.auth-edition{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(74,222,128,.2);border-radius:7px;font-size:10px;font-weight:800;color:var(--green);letter-spacing:1.7px;background:rgba(34,197,94,.06)}.auth-edition>span{width:6px;height:6px;border-radius:50%;background:var(--green)}
.auth-story h2{font-size:clamp(42px,4.3vw,68px);line-height:1.09;letter-spacing:-2.6px;margin:25px 0}.auth-story h2>span{color:var(--green)}.auth-story-body>p{max-width:350px;color:#a8b7ad;font-size:16px;margin:0}.auth-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.auth-tags span{font-size:11px;color:#b1c3b6;border:1px solid rgba(255,255,255,.09);padding:7px 12px;border-radius:6px;background:rgba(255,255,255,.025)}.auth-story-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;font-size:9px;color:#7c9585;font-weight:700;letter-spacing:1.5px}
.auth-panel{padding:20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.auth-back{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-bottom:32px}.auth-back:hover{color:var(--green)}.auth-back>span{font-size:18px}
.auth-card{width:100%;max-width:460px;background:linear-gradient(150deg,rgba(34,197,94,.035),transparent 60%),var(--card);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:0 22px 60px rgba(0,0,0,.2)}
.auth-kicker{color:var(--green);font-size:9px;font-weight:800;letter-spacing:1.6px}.auth-card h1{font-size:32px;letter-spacing:-1.1px;line-height:1.2;margin:12px 0}.auth-description{color:var(--muted);font-size:13px;margin:0 0 28px}.auth-form{display:grid;gap:18px}.auth-field{display:grid;gap:7px}.auth-field label{font-size:12px;font-weight:700;color:#d5e0d9}.auth-field input{font-size:16px;width:100%;min-width:0;min-height:48px;color:var(--text);background:#09100c;border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#64796c;font-size:12px}.auth-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(74,222,128,.1)}.auth-field input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px #0d1811 inset}
.auth-password{position:relative}.auth-password input{padding-right:76px}.auth-show{position:absolute;right:5px;top:5px;bottom:5px;min-width:62px;border:0;background:transparent;border-radius:6px;color:#98ada0;font-size:11px;font-weight:600}.auth-show:hover{color:var(--green);background:rgba(74,222,128,.06)}.auth-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#22c55e;color:#041d0c;border:0;border-radius:9px;padding:14px 17px;font-size:13px;font-weight:800;min-height:48px;margin-top:4px;transition:background .15s}.auth-submit:hover{background:var(--green)}.auth-submit>span{font-size:19px;line-height:1}.auth-hint{color:var(--muted);font-size:11px;margin:0;line-height:1.5}.auth-hint strong{font-weight:500;color:#b7c9be}
.auth-switch{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;margin-top:25px;text-align:center;font-size:12px;color:var(--muted)}.auth-switch a{color:var(--green);font-weight:700;margin-left:3px}.auth-switch a:hover{text-decoration:underline}.auth-data-note{color:#7c9184;font-size:10px;margin:18px 0 0;line-height:1.7}.auth-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;color:#718779;font-size:10px;margin-top:24px}.auth-legal a:hover{color:var(--green)}.auth-alert{font-size:12px;line-height:1.6;border:1px solid;padding:12px 14px;border-radius:9px;margin:0 0 22px}.auth-alert-error{color:#f4b1ad;background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.25)}.auth-alert-success{color:#a0edb9;background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.25)}
@media(min-width:1450px){.auth-layout{padding:40px;gap:40px}.auth-story{padding:52px}.auth-panel{padding:35px}}
@media(max-width:950px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(380px,1fr);padding:16px;gap:16px}.auth-story{padding:28px}.auth-panel{padding:12px}.auth-card{padding:28px}.auth-story h2{font-size:45px;letter-spacing:-1.8px}}
@media(max-width:760px){.auth-layout{display:block;padding:20px 16px;max-width:540px}.auth-story{min-height:0;padding:16px 20px;border-radius:15px}.auth-brand img{width:45px;height:45px}.auth-brand{font-size:14px}.auth-brand small{font-size:8px}.auth-story-body{padding:0}.auth-edition,.auth-story h2,.auth-story-body>p,.auth-tags,.auth-story-footer{display:none}.auth-panel{padding:20px 0 0}.auth-back{margin:0 0 17px;font-size:11px}.auth-card{max-width:none;padding:27px 24px;border-radius:16px}.auth-card h1{font-size:29px}.auth-description{margin-bottom:23px}.auth-legal{margin-top:21px}.auth-form{gap:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}