:root{--bg:#0b0f17;--card:#121826;--text:#e6ecff;--muted:#9fb0d9;--brand:#39bdf8}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}.container{max-width:1024px;margin:0 auto;padding:32px}.nav{justify-content:space-between;gap:16px;padding:16px 0}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;font-weight:700}.logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#39bdf8,#7ee787);display:inline-block}.btn{background:var(--brand);color:#091018;border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}.hero{padding:80px 0 40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);padding:20px;border-radius:16px;border:1px solid #1b2336}.footer{opacity:.8;font-size:14px;padding:40px 0}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2a3552;background:#0d1422;color:var(--text)}.label{font-size:14px;color:var(--muted);margin-bottom:8px;display:block}