/* Base */
* { box-sizing: border-box; }
:root { --bg: #0c1f16; --fg: #e9fff0; --accent: #00c853; --muted: #b7d7c4; }
html, body { height: 100%; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--fg); background: radial-gradient(1000px 600px at 50% 20%, #143725, var(--bg)); }

.page { min-height: 100%; display: grid; place-items: center; padding: 4vh 5vw; }
.box { text-align: center; max-width: 64rem; }
.brand { font-size: clamp(1.8rem, 6vw, 4rem); margin: 0 0 .5rem; letter-spacing: .4px; }
.soon { font-size: clamp(1.2rem, 3vw, 1.8rem); color: var(--accent); margin: 0 0 .5rem; font-weight: 700; }
.lead { margin: 0 auto 1.5rem; color: var(--muted); font-size: clamp(1rem, 2.5vw, 1.2rem); }

.cta { display: inline-flex; gap: .75rem; flex-wrap: wrap; justify-content: center; }
.btn { background: var(--accent); color: #021107; padding: .75rem 1.1rem; border-radius: 12px; text-decoration: none; font-weight: 700; }
.btn:hover { filter: brightness(1.05); }
.btn.ghost { background: transparent; color: var(--fg); border: 1.5px solid rgba(255,255,255,.25); }
.btn.ghost[aria-disabled="true"] { opacity: .6; cursor: not-allowed; }

.foot { margin-top: 8vh; color: #9fc9b2; font-size: .9rem; }

@media (prefers-color-scheme: light) { body { background: radial-gradient(1000px 600px at 50% 20%, #e7fff0, #dff7e9); color: #0b1c14; } .soon { color: #008f3a; } .lead { color: #3d6b53; } .btn { color: #001f10; } .btn.ghost { color: #0b1c14; border-color: rgba(0,0,0,.2); } .foot { color: #2f5c44; } }