@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Roboto+Mono&display=swap";:root{--bg-primary:#faf5ff;--bg-secondary:#fff;--bg-hover:#f3e8ff;--accent-primary:#7c3aed;--accent-secondary:#6366f1;--accent-cta:#ec4899;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#efe7fc;--border-highlight:#d8b4fe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--border-radius:12px;--border-radius-lg:16px;--border-radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}:root.dark{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-hover:#1f2937;--accent-primary:#8b5cf6;--accent-secondary:#818cf8;--accent-cta:#f472b6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#1e293b;--border-highlight:#334155;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;display:flex}.flat-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition)}.flat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.flat-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md)}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-cta));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;flex:1;display:flex}main.content-area{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex}.btn{border-radius:var(--border-radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-highlight);transform:translateY(-2px)}.btn-icon{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s,background-color .2s,color .2s;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--accent-primary);transform:scale(1.1)}.btn-icon:active{transform:scale(.9)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-transition{flex-direction:column;flex:1;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}@keyframes themeToggle{0%{transform:scale(1)rotate(0)}50%{opacity:0;transform:scale(.5)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.theme-toggle-anim{animation:.4s forwards themeToggle}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:1.5rem;display:none}@media (width>=768px){.nav-links{display:flex}}