@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg:#080808;--surface:#0f0f0f;--surface-2:#161616;--surface-3:#1c1c1c;--border:#222;--border-subtle:#1a1a1a;--accent:#e5001a;--accent-muted:#e5001a1f;--accent-hover:#ff1a35;--accent-glow:#e5001a40;--text:#f0f0f0;--text-secondary:#999;--text-muted:#555;--radius:12px;--radius-sm:8px;--radius-lg:20px;--transition:.2s ease;--shadow:0 4px 32px #00000080;--shadow-accent:0 0 40px #e5001a26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.fade-in{animation:.4s forwards fadeIn}.slide-up{animation:.4s forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{border-radius:var(--radius-sm);transition:all var(--transition);letter-spacing:.01em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted);background:var(--surface-2)}.btn-lg{padding:16px 36px;font-size:16px}.input-field{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-hover{transition:border-color var(--transition),transform var(--transition)}.card-hover:hover{border-color:var(--accent);transform:translateY(-2px)}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--text);margin-top:1.5em;margin-bottom:.6em}.markdown-content h2{color:var(--accent);font-size:1.1rem}.markdown-content h3{color:var(--text-secondary);font-size:1rem}.markdown-content p{color:var(--text-secondary);margin-bottom:.8em;line-height:1.7}.markdown-content ul,.markdown-content ol{margin-bottom:.8em;padding-left:1.4em}.markdown-content li{color:var(--text-secondary);margin-bottom:.3em;line-height:1.6}.markdown-content strong{color:var(--text);font-weight:600}
