:root{--ink:#080a12;--panel:#101522;--line:#ffffff1c;--gold:#f5bf57;--muted:#aeb8cb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#080a12;color:#f7f8fc;font-family:Inter,Arial,sans-serif}.stars{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 30%,#332450 0,transparent 29%),radial-gradient(circle at 80% 72%,#183b51 0,transparent 27%),#080a12}.stars:after{content:"";position:absolute;inset:0;opacity:.3;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#f5bf57 1px,transparent 1px);background-size:80px 80px,137px 137px;background-position:0 0,30px 50px}.back-home{position:fixed;z-index:2;top:26px;left:clamp(22px,4vw,58px);color:#c0cada;text-decoration:none;font-size:12px;font-weight:700}.back-home:hover{color:var(--gold)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-story{padding:clamp(35px,6vw,90px);position:relative;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(145deg,#10182cdd,#0c1020cc)}.brand,.mobile-brand{font:800 22px Cinzel,serif}.brand b,.mobile-brand b,em{font-style:normal;color:var(--gold)}.story-content{max-width:530px;margin:clamp(100px,18vh,190px) auto 0}.eyebrow,.auth-kicker{font-size:10px;letter-spacing:2.2px;color:var(--gold);font-weight:800}.story-content h1{font:800 clamp(46px,5vw,75px)/1.07 Cinzel,serif;letter-spacing:-2px;margin:18px 0}.story-content p{line-height:1.75;color:#bdc6d8;max-width:410px}.story-points{margin-top:33px;display:grid;gap:12px;color:#dce3ef;font-size:12px;font-weight:600}.story-points span:first-letter{color:var(--gold)}.story-dice{position:absolute;right:8%;bottom:8%;width:130px;height:130px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:linear-gradient(145deg,#3d245f,#152747);border:1px solid #c5a9ff;color:var(--gold);font:800 42px Cinzel;transform:rotate(19deg);box-shadow:0 20px 45px #0009}.auth-area{display:grid;place-items:center;padding:90px 25px 35px}.login-box{width:min(100%,430px);padding:clamp(26px,4vw,45px);border:1px solid #ffffff20;border-radius:14px;background:#111827d9;box-shadow:0 28px 60px #0009}.mobile-brand{display:none}.login-box h2{font:700 30px Cinzel,serif;margin:12px 0 8px}.auth-subtitle{margin:0 0 26px;color:var(--muted);font-size:13px}label{display:block;margin:15px 0 7px;color:#c7d1e3;font-size:11px;font-weight:700}input{width:100%;height:45px;padding:0 13px;border:1px solid #40506a;border-radius:6px;background:#0b1020;color:#fff;font:500 14px Inter;outline:none;transition:.2s}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f5bf5718}input::placeholder{color:#64748b}.primary-btn,.guest-btn,.toggle-link{width:100%;border-radius:6px;font-weight:800;cursor:pointer}.primary-btn{margin-top:23px;padding:14px;border:1px solid #ffd37d;background:linear-gradient(135deg,#d78625,#f5bf57);color:#18110a;font-size:13px}.primary-btn span{font-size:17px;margin-left:6px}.primary-btn:hover,.guest-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.auth-divider{height:1px;background:#ffffff18;margin:20px 0;position:relative}.auth-divider span{position:absolute;top:-8px;left:50%;padding:0 8px;transform:translateX(-50%);background:#111827;color:#7d899d;font-size:11px}.guest-btn{padding:11px;border:1px solid #55657f;background:#172033;color:#dce6f5;font-size:12px}.toggle-link{border:0;background:transparent;color:#9eabc0;padding:18px 0 0;font-size:12px}.toggle-link b{color:var(--gold)}.privacy-note{text-align:center;color:#69778f;font-size:10px;line-height:1.5;margin:24px 0 0}#error-msg{min-height:0;margin:0;color:#fda4af;font-size:12px;font-weight:700}#error-msg:not(:empty){padding:10px 12px;border:1px solid #ef444466;background:#ef444415;border-radius:5px;margin-bottom:15px}@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-area{padding-top:90px}.mobile-brand{display:block;margin-bottom:35px}.login-box{background:#111827e8}.back-home{top:23px}}@media(max-width:430px){.auth-area{padding-inline:15px}.login-box{padding:26px 21px;border:0;background:transparent;box-shadow:none}.login-box h2{font-size:26px}}