@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap");:root{--primary-50:#faf5ff;--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:#9333ea;--primary-700:#7c3aed;--primary-800:#6b21a8;--primary-900:#581c87;--primary-950:#3b0764;--secondary-50:#ecfdf5;--secondary-100:#d1fae5;--secondary-200:#a7f3d0;--secondary-300:#6ee7b7;--secondary-400:#34d399;--secondary-500:#10b981;--secondary-600:#059669;--secondary-700:#047857;--secondary-800:#065f46;--secondary-900:#064e3b;--accent-50:#fffbeb;--accent-100:#fef3c7;--accent-200:#fde68a;--accent-300:#fcd34d;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--accent-700:#b45309;--accent-800:#92400e;--accent-900:#78350f;--coral-50:#fff7ed;--coral-100:#ffedd5;--coral-200:#fed7aa;--coral-300:#fdba74;--coral-400:#fb923c;--coral-500:#f97316;--coral-600:#ea580c;--electric-50:#f0f9ff;--electric-100:#e0f2fe;--electric-200:#bae6fd;--electric-300:#7dd3fc;--electric-400:#38bdf8;--electric-500:#0ea5e9;--electric-600:#0284c7;--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#020617;--success:#22c55e;--success-light:#dcfce7;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Outfit",var(--font-sans);--font-mono:"SF Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-px:1px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.05);--shadow-primary:0 10px 40px -10px rgba(147,51,234,0.35);--shadow-secondary:0 10px 40px -10px rgba(16,185,129,0.35);--shadow-coral:0 10px 40px -10px rgba(249,115,22,0.35);--shadow-electric:0 10px 40px -10px rgba(14,165,233,0.35);--shadow-rose:0 10px 40px -10px rgba(244,63,94,0.35);--shadow-glow:0 0 30px rgba(147,51,234,0.4);--shadow-glow-sm:0 0 15px rgba(147,51,234,0.25);--shadow-glow-secondary:0 0 30px rgba(16,185,129,0.4);--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:150ms var(--ease-smooth);--transition-base:250ms var(--ease-smooth);--transition-slow:350ms var(--ease-smooth);--transition-slower:500ms var(--ease-smooth);--glass-bg:rgba(255,255,255,0.75);--glass-bg-tinted:rgba(147,51,234,0.05);--glass-border:rgba(255,255,255,0.4);--glass-blur:20px;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#ffffff;--bg-accent:linear-gradient(135deg,rgba(147,51,234,0.03),rgba(16,185,129,0.03));--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-strong:#cbd5e1}.dark,[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-accent:linear-gradient(135deg,rgba(147,51,234,0.08),rgba(16,185,129,0.05));--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-strong:#475569;--glass-bg:rgba(15,23,42,0.85);--glass-bg-tinted:rgba(147,51,234,0.1);--glass-border:rgba(255,255,255,0.1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-accent:linear-gradient(135deg,rgba(147,51,234,0.08),rgba(16,185,129,0.05));--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-strong:#475569;--glass-bg:rgba(15,23,42,0.85);--glass-bg-tinted:rgba(147,51,234,0.1);--glass-border:rgba(255,255,255,0.1)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}::selection{background:var(--primary-200);color:var(--primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-500)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-base)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);color:white;box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-300);box-shadow:var(--shadow-md)}.btn-success{background:linear-gradient(135deg,var(--secondary-500) 0,var(--secondary-600) 100%);color:white;box-shadow:var(--shadow-md),var(--shadow-secondary)}.btn-success:hover{background:linear-gradient(135deg,var(--secondary-400) 0,var(--secondary-500) 100%);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-lg,.btn-xl{border-radius:var(--radius-2xl)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.btn-full{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg)}.card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px);border-color:var(--primary-300);box-shadow:var(--shadow-xl),var(--shadow-glow-sm)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.card-gradient{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);border:none;color:white}.card-gradient h1,.card-gradient h2,.card-gradient h3,.card-gradient h4,.card-gradient p{color:white}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(147,51,234,.1)}.input::placeholder{color:var(--text-muted)}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.progress{width:100%;height:8px;background:var(--bg-tertiary);overflow:hidden}.progress,.progress-bar{border-radius:var(--radius-full)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));transition:width var(--transition-slow);position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-light);color:var(--secondary-700)}.badge-warning{background:var(--warning-light);color:var(--accent-800)}.badge-error{background:var(--error-light);color:var(--error)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:white;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-full);border:2px solid var(--bg-elevated);box-shadow:var(--shadow-sm)}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.animate-fade-in{animation:fadeIn .3s var(--ease-smooth)}.animate-fade-in-up{animation:fadeInUp .4s var(--ease-smooth)}.animate-fade-in-down{animation:fadeInDown .4s var(--ease-smooth)}.animate-slide-left{animation:slideInLeft .4s var(--ease-smooth)}.animate-slide-right{animation:slideInRight .4s var(--ease-smooth)}.animate-scale-in{animation:scaleIn .3s var(--ease-bounce)}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger>:first-child{animation-delay:.05s}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.gradient-text{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-animated{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500),var(--accent-500),var(--primary-500));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 5s ease infinite}.glow{box-shadow:var(--shadow-glow)}.glow-success{box-shadow:0 0 30px rgba(16,185,129,.4)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.divider{height:1px;background:var(--border-color);margin:var(--space-6) 0}@media (max-width:1024px){.lg\:grid-cols-1{grid-template-columns:1fr}.lg\:hidden{display:none}}@media (max-width:768px){html{font-size:15px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.md\:hidden{display:none}.md\:flex-col{flex-direction:column}.md\:grid-cols-1{grid-template-columns:1fr}.md\:text-center{text-align:center}}@media (max-width:480px){.sm\:hidden{display:none}.sm\:flex-col{flex-direction:column}}