:root{--obsidian:#050507;--panel:#0e0f16;--line:hsla(0,0%,100%,.08);--ink:#f4f5fa;--muted:#9aa0b4;--muted-2:#6b7185;--cyan:#4de3ff;--violet:#a06bff;--glow:0 0 60px rgba(77,227,255,.25),0 0 120px rgba(160,107,255,.18)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--obsidian);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.grad{background:linear-gradient(110deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:none;font:inherit;font-weight:600;padding:14px 24px;border-radius:999px;transition:transform .15s,box-shadow .25s}.btn-primary{background:linear-gradient(110deg,var(--cyan),var(--violet));color:#000}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--glow)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid hsla(0,0%,100%,.18)}.btn-ghost:hover{border-color:hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.04)}input{background:#07080d;border:1px solid var(--line);color:var(--ink);padding:14px 16px;border-radius:12px;font:inherit;outline:none;width:100%}input:focus{border-color:rgba(77,227,255,.5)}