:root{--bg:#0b111b;--panel:#131d2a;--panel2:#102b31;--gold:#ffb957;--orange:#f28644;--teal:#17b6ae;--line:#294452;--text:#f7f7f2;--muted:#a9b3bd;--danger:#ef4e5b}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 52% 90%,#0e5458 0,rgba(14,84,88,.5) 20%,transparent 48%),radial-gradient(circle at 20% 0,#242630 0,transparent 42%),var(--bg)}
a{color:inherit}.site-header{height:78px;display:flex;align-items:center;gap:18px;max-width:1120px;margin:auto;padding:0 22px}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none}.wordmark img{width:47px;height:47px}.wordmark strong{font-size:22px;color:var(--gold)}.wordmark small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.nav{margin-left:auto;display:flex;align-items:center;gap:12px}.nav a{text-decoration:none;font-weight:700;font-size:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid transparent;border-radius:13px;padding:0 20px;font-weight:800;text-decoration:none;cursor:pointer;background:#22303e;color:#fff}.button.gold{background:linear-gradient(135deg,#ffd675,#f2a23d);color:#30200f;box-shadow:0 10px 30px rgba(244,165,61,.2)}.button.teal{background:linear-gradient(135deg,#117b81,#155466)}.button.mobile{background:linear-gradient(135deg,#3d8bff,#1f5fd6);color:#fff;box-shadow:0 10px 30px rgba(47,111,224,.28)}.button.outline{background:transparent;border-color:#56616f}.button.danger{background:var(--danger)}
.hero{max-width:1040px;margin:4vh auto 0;text-align:center;padding:20px}.hero-logo{width:104px;height:104px;filter:drop-shadow(0 15px 22px #0008)}.hero h1{font-size:clamp(38px,5.5vw,66px);line-height:1.04;margin:18px auto 14px;max-width:900px;letter-spacing:-.045em}.hero h1 span{color:var(--gold)}.hero>p{max-width:700px;margin:0 auto 26px;color:#d2d9dd;font-size:18px;line-height:1.55}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.feature-grid{max-width:930px;margin:34px auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 20px}.feature{min-height:145px;text-align:left;padding:22px;border:1px solid #467280;border-radius:18px;background:linear-gradient(145deg,rgba(17,43,51,.84),rgba(17,35,47,.76));box-shadow:inset 0 1px rgba(255,255,255,.04)}.feature b{display:block;margin:8px 0;font-size:17px}.feature p{margin:0;color:#c1cbd0;line-height:1.45;font-size:14px}.feature-icon{font-size:24px;color:var(--gold)}
.auth-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:24px}.auth-card,.content-card{width:min(94vw,440px);padding:30px;border:1px solid #31515f;border-radius:23px;background:linear-gradient(160deg,rgba(20,28,40,.96),rgba(13,54,58,.88));box-shadow:0 30px 80px #0007}.auth-card h1{margin:8px 0 20px}.auth-card label{display:block;margin:14px 0 6px;font-weight:700}.auth-card input{width:100%;height:46px;border:1px solid #3a5361;border-radius:12px;background:#0d1520;padding:0 13px;color:#fff;font-size:16px}.auth-card .button{width:100%;margin-top:20px}.alert{border-radius:11px;padding:11px 13px;margin:12px 0;background:#3b1720;color:#ffc9ce}.success{background:#103d31;color:#a9f2d4}.fine{color:var(--muted);font-size:13px;line-height:1.45}.legal{max-width:900px;margin:20px auto 80px;padding:28px}.legal h1{color:var(--gold)}.legal h2{margin-top:28px}.legal p,.legal li{color:#cbd2d6;line-height:1.65}
@media(max-width:760px){.site-header{height:66px;padding:0 14px}.wordmark strong{font-size:18px}.wordmark small{display:none}.wordmark img{width:40px;height:40px}.nav .nav-text{display:none}.hero{margin-top:1vh}.hero h1{font-size:38px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.hero>p{font-size:16px}}

/* Clickable coin balance -> coin store */
.coin-link{cursor:pointer;text-decoration:none;border:1px solid #2a3a50;border-radius:999px;padding:6px 14px;color:#ffd36b;font-weight:700;transition:border-color .15s,background .15s}
.coin-link:hover{border-color:#ffd36b;background:#17222f}
@media(max-width:760px){.nav .coin-link{display:inline-block;padding:5px 10px;font-size:13px}}