@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&display=swap');
:root{--blue:#0877c9;--cyan:#21b9e7;--dark:#17233b;--gold:#ffc83d}*{box-sizing:border-box}body{margin:0;font-family:Nunito,Arial,sans-serif;color:#fff;min-height:100vh;background:linear-gradient(135deg,#083b76,#0877c9 50%,#19a9d3)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,#ffffff25,transparent 25%),radial-gradient(circle at 85% 80%,#00e5ff25,transparent 30%)}.landing{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:7vw;position:relative}.hero{max-width:670px}.logo{width:82px;height:82px;border-radius:22px;background:var(--gold);color:#7d4c00;display:grid;place-items:center;font-size:52px;font-weight:900;box-shadow:0 8px 0 #d99a00}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-weight:900;color:#aeeeff}.hero h1,.welcome h1{font-size:clamp(48px,7vw,92px);line-height:.95;margin:10px 0 25px;font-weight:900;text-shadow:0 5px 0 #07508c}.hero h1 span,.brand span{color:var(--gold)}.tagline{font-size:21px;line-height:1.6;max-width:570px}.features{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.features span{background:#ffffff1b;border:1px solid #ffffff38;padding:9px 14px;border-radius:20px}.card{background:#fff;color:var(--dark);padding:42px;border-radius:24px;box-shadow:0 24px 70px #002b5c70;max-width:460px;width:100%}.card h2{font-size:34px;margin:0 0 5px}.muted{color:#6b7280}.alert{background:#fff0f0;color:#b42318;border:1px solid #ffc9c9;padding:12px;border-radius:10px;margin:18px 0}form{display:grid;gap:17px;margin-top:24px}label{font-weight:800;display:grid;gap:7px}input{font:inherit;padding:14px;border:2px solid #dce4ed;border-radius:10px;outline:none}input:focus{border-color:var(--cyan)}button,.play{border:0;border-radius:11px;background:linear-gradient(#ffdc67,#ffb900);box-shadow:0 5px 0 #c98a00;color:#553500;padding:15px;font:900 17px Nunito;cursor:pointer;text-align:center;text-decoration:none}.switch{text-align:center;color:#6b7280;margin:28px 0 0}.switch a,.back{color:var(--blue);font-weight:900;text-decoration:none}.center{min-height:100vh;display:grid;place-items:center;padding:30px}.wide{max-width:520px}header{height:72px;background:#17233bee;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;position:relative}.brand{font-size:25px;font-weight:900;text-decoration:none;color:#fff}nav{display:flex;gap:22px;align-items:center}nav a{color:#aeeeff;text-decoration:none}.dashboard{padding:8vw;display:grid;grid-template-columns:1.5fr .7fr;gap:30px;position:relative}.welcome,.profile{background:#17233bd9;padding:45px;border-radius:24px}.welcome h1{font-size:54px;text-shadow:none}.play{display:inline-block;margin-top:25px}.wallet{display:grid;gap:10px;margin-top:30px}.wallet span{background:#ffffff12;padding:14px;border-radius:10px}.wallet b{color:var(--gold);font-size:22px;margin-right:5px}@media(max-width:850px){.landing,.dashboard{grid-template-columns:1fr}.landing{padding:35px 20px}.hero h1{font-size:55px}.card{margin:auto}.dashboard{padding:25px}.welcome h1{font-size:40px}}