:root{--rose:#f43f5e;--rose-light:#fb7185;--rose-dark:#e11d48;--rose-glow:#f43f5e26;--rose-glow-strong:#f43f5e40;--amber:#f59e0b;--amber-light:#fbbf24;--amber-glow:#f59e0b26;--teal:#14b8a6;--teal-light:#2dd4bf;--teal-glow:#14b8a626;--bg-primary:#0f0f14;--bg-secondary:#16161d;--bg-tertiary:#1e1e28;--bg-elevated:#252530;--bg-hover:#2a2a38;--text-primary:#f1f0f3;--text-secondary:#9d9ba3;--text-tertiary:#6b6974;--text-inverse:#0f0f14;--border:#2a2a36;--border-subtle:#1f1f2a;--border-accent:#f43f5e4d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #f43f5e26;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);color:var(--text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{letter-spacing:-.03em;font-size:3.5rem;font-weight:700}h2{font-size:2.25rem;font-weight:600}h3{font-size:1.5rem}h4{font-size:1.125rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--rose);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--rose-light)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-rose{color:var(--rose)}.text-amber{color:var(--amber)}.text-teal{color:var(--teal)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--rose);color:#fff;box-shadow:var(--shadow-sm), 0 0 16px #f43f5e33}.btn-primary:hover{background:var(--rose-light);box-shadow:var(--shadow-md), 0 0 24px #f43f5e4d;color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:24px}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.badge-rose{background:var(--rose-glow);color:var(--rose-light)}.badge-amber{background:var(--amber-glow);color:var(--amber-light)}.badge-teal{background:var(--teal-glow);color:var(--teal-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (width<=768px){h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 16px}}@media (width<=480px){h1{font-size:1.875rem}h2{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}