:root{--bg:#050712;--panel:#0f1424;--panel2:#151b30;--line:#293250;--text:#f8fafc;--muted:#919bb5;--purple:#7c3aed;--purple2:#a855f7;--cyan:#28d7e5;--green:#35e389;--danger:#fb5d72}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 5%,rgba(124,58,237,.22),transparent 28%),radial-gradient(circle at 5% 90%,rgba(40,215,229,.12),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit}.page{width:min(1080px,92%);margin:auto}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--cyan));box-shadow:0 0 28px rgba(124,58,237,.45)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 12px 35px rgba(124,58,237,.28)}.btn.secondary{background:#151b2d;border:1px solid var(--line);box-shadow:none}.btn.block{width:100%}.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:40px 0 80px}.eyebrow{color:#b9a1ff;font-weight:800;letter-spacing:.16em;font-size:12px}.hero h1{font-size:clamp(44px,7vw,86px);line-height:.93;margin:16px 0 22px;letter-spacing:-.055em}.gradient{background:linear-gradient(90deg,#fff,#c4b5fd 48%,#67e8f9);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:30px}.game-card{position:relative;min-height:510px;border:1px solid #343c5b;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,rgba(12,16,32,.08),rgba(5,7,18,.94)),url('/assets/preload/splash.png') center/cover;box-shadow:0 30px 90px rgba(0,0,0,.55)}.game-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 80px rgba(124,58,237,.25);pointer-events:none}.game-info{position:absolute;left:22px;right:22px;bottom:22px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(5,7,18,.72);backdrop-filter:blur(12px)}.game-info strong{font-size:22px}.game-info p{font-size:13px;margin:7px 0 0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(15,20,36,.94);box-shadow:0 28px 80px rgba(0,0,0,.48)}.auth-card .brand{justify-content:center;margin-bottom:25px}.auth-card h1{font-size:30px;margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 24px}.field{display:grid;gap:7px;margin:14px 0}.field span{font-size:13px;color:#cbd5e1;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:49px;padding:12px 14px;border:1px solid #323b5b;border-radius:12px;background:#090d19;color:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(124,58,237,.16)}.alert{padding:12px 14px;margin-bottom:14px;border-radius:12px;font-size:14px}.alert.error{border:1px solid rgba(251,93,114,.45);background:rgba(251,93,114,.11);color:#fecdd3}.alert.success{border:1px solid rgba(53,227,137,.38);background:rgba(53,227,137,.1);color:#bbf7d0}.auth-foot{text-align:center;color:var(--muted);font-size:14px;margin-top:20px}.auth-foot a{color:#c4b5fd}.dash{padding-bottom:60px}.dash-head{display:flex;align-items:end;justify-content:space-between;padding:38px 0 24px}.dash-head h1{font-size:38px;margin:5px 0}.dash-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:21px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(21,27,48,.96),rgba(10,14,26,.96))}.card.big{grid-column:span 2}.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.balance{font-size:34px;font-weight:900;margin-top:9px}.status{color:var(--green);font-weight:800}.play-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(40,215,229,.1)),var(--panel)}.play-card h2{font-size:28px;margin:7px 0}.play-card p{color:var(--muted);margin:0}.stats{display:grid;gap:12px}.stat{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.stat:last-child{border:0;padding:0}.logout-form{margin:0}.link-btn{border:0;background:transparent;color:#cbd5e1;cursor:pointer;font-weight:700}.hint{font-size:12px;color:var(--muted);line-height:1.55}
@media(max-width:780px){.nav{height:64px}.hero{grid-template-columns:1fr;padding-top:36px;gap:30px}.hero h1{font-size:52px}.game-card{min-height:410px}.nav-actions .secondary{display:none}.grid{grid-template-columns:1fr}.card.big{grid-column:auto}.dash-head{align-items:start;flex-direction:column;gap:14px}.play-card{align-items:flex-start;flex-direction:column}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}