:root{--primary:#3b82f6;--primary-hover:#60a5fa;--primary-glow:#3b82f68c;--foreground:#e0e0e0;--muted:#9e9e9e;--subtle:#c2c8d0;--background:#000;--surface:#121212;--surface-2:#1f2937;--surface-3:#2a3546;--border:#3c3c3c80;--font-sans:"Inter",sans-serif;--font-mono:"Fira Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--shadow-soft:0 2px 8px #0000004d;--shadow-hard:0 4px 16px #0000008c;--transition:.2s ease}@media (prefers-color-scheme:light){:root{--background:#f9fafb;--surface:#fff;--surface-2:#f3f4f6;--surface-3:#e5e7eb;--foreground:#0f1115;--muted:#4b5563;--border:#0000001f;--primary:#2563eb;--primary-hover:#3b82f6;--primary-glow:#2563eb4d}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;height:100%}a{color:inherit;transition:opacity var(--transition);text-decoration:none}a:hover{opacity:.8}.container{max-width:1300px;margin:0 auto;padding:0 1.5rem}main{display:block}h1{letter-spacing:-1px;margin-bottom:1rem;font-size:2.8rem;font-weight:800}h2{margin-bottom:1rem;font-size:2rem;font-weight:700}h3{margin-bottom:.8rem;font-size:1.25rem;font-weight:600}p{color:var(--muted);font-size:1rem;line-height:1.6}button{cursor:pointer;transition:var(--transition);border:none;font-family:inherit;font-weight:600}.btn{border-radius:var(--radius-md);padding:.7rem 1.3rem;font-size:1rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 12px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:2rem}.glass-card{-webkit-backdrop-filter:blur(15px);border:1px solid var(--border);background:#12121266;box-shadow:0 4px 30px #0003}.interactive-box{background-color:var(--surface);border-radius:var(--radius-md);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:inset 0 2px 4px #0000004d}.interactive-box:hover{transform:translateY(-2px);box-shadow:inset 0 2px 4px #0000004d,0 6px 12px -2px #0006}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:var(--radius-md);transition:border var(--transition),background var(--transition);margin-top:.3rem;margin-bottom:1rem;padding:.75rem;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--surface-3);outline:none}label{color:var(--subtle);font-size:.95rem;font-weight:500}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--surface-2)}.center{justify-content:center;align-items:center;display:flex}.text-center{text-align:center}.hidden{display:none}