:root[data-theme=light]{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f8fafc;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--nav-bg:#ffffffd9;--nav-text:#0f172a;--card-bg:#fff}:root[data-theme=dark]{--primary:#6366f1;--primary-hover:#4f46e5;--bg-main:#0f172a;--surface:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--radius:12px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--nav-bg:#020617d9;--nav-text:#f8fafc;--card-bg:#1e293b}:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f8fafc;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--nav-bg:#ffffffd9;--nav-text:#0f172a;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);transition:background-color var(--transition), color var(--transition);font-family:Inter,-apple-system,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-column{flex-direction:column}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;transition:var(--transition);font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeIn}