*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f0f12;color:#e4e4e7;min-height:100vh}a{color:#818cf8;text-decoration:none}a:hover{text-decoration:underline}input,button{font:inherit}button{cursor:pointer;background:#6366f1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px}button:hover{background:#4f46e5}button.secondary{background:#3f3f46}button.secondary:hover{background:#52525b}.container{max-width:900px;margin:0 auto;padding:1rem}.card{background:#18181b;border-radius:8px;padding:1.5rem;margin-bottom:1rem}nav{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #27272a}nav a{color:#a1a1aa}nav a.active{color:#fff}