@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-slide-up{animation:slide-up .4s ease-out forwards}.animate-slide-down{animation:slide-down .4s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}:root{--background:oklch(0.98 0.002 280);--foreground:oklch(0.15 0.01 280);--card:oklch(1 0 0);--card-foreground:oklch(0.15 0.01 280);--popover:oklch(1 0 0);--popover-foreground:oklch(0.15 0.01 280);--primary:oklch(0.65 0.25 280);--primary-foreground:oklch(0.98 0.002 280);--secondary:oklch(0.75 0.15 180);--secondary-foreground:oklch(0.15 0.01 280);--muted:oklch(0.96 0.01 280);--muted-foreground:oklch(0.45 0.01 280);--accent:oklch(0.7 0.2 200);--accent-foreground:oklch(0.98 0.002 280);--success:oklch(0.65 0.18 140);--success-foreground:oklch(0.98 0.002 280);--warning:oklch(0.7 0.2 60);--warning-foreground:oklch(0.98 0.002 280);--destructive:oklch(0.6 0.22 25);--destructive-foreground:oklch(0.98 0.002 280);--border:oklch(0.92 0.01 280);--input:oklch(0.98 0.002 280);--ring:oklch(0.65 0.25 280);--gradient-primary:linear-gradient(135deg,oklch(0.65 0.25 280),oklch(0.7 0.2 200));--gradient-secondary:linear-gradient(135deg,oklch(0.75 0.15 180),oklch(0.65 0.18 140));--gradient-bg:linear-gradient(135deg,oklch(0.98 0.002 280),oklch(0.96 0.01 280));--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-display:"Plus Jakarta Sans","Inter",sans-serif;--radius:0.75rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-xs:0 1px 2px 0 oklch(0 0 0/0.05);--shadow-sm:0 1px 3px 0 oklch(0 0 0/0.1),0 1px 2px -1px oklch(0 0 0/0.1);--shadow:0 4px 6px -1px oklch(0 0 0/0.1),0 2px 4px -2px oklch(0 0 0/0.1);--shadow-md:0 10px 15px -3px oklch(0 0 0/0.1),0 4px 6px -4px oklch(0 0 0/0.1);--shadow-lg:0 20px 25px -5px oklch(0 0 0/0.1),0 8px 10px -6px oklch(0 0 0/0.1);--shadow-xl:0 25px 50px -12px oklch(0 0 0/0.25);--glass-bg:oklch(1 0 0/0.8);--glass-border:oklch(1 0 0/0.2);--glass-shadow:0 8px 32px 0 oklch(0 0 0/0.1);--animation-fast:0.15s;--animation-normal:0.3s;--animation-slow:0.5s;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--background:oklch(0.08 0.01 280);--foreground:oklch(0.92 0.01 280);--card:oklch(0.1 0.01 280);--card-foreground:oklch(0.92 0.01 280);--popover:oklch(0.08 0.01 280);--popover-foreground:oklch(0.92 0.01 280);--muted:oklch(0.12 0.01 280);--muted-foreground:oklch(0.6 0.01 280);--border:oklch(0.18 0.01 280);--input:oklch(0.12 0.01 280);--gradient-bg:linear-gradient(135deg,oklch(0.08 0.01 280),oklch(0.1 0.01 280));--glass-bg:oklch(0.1 0.01 280/0.8);--glass-border:oklch(0.92 0.01 280/0.1)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite alternate}.animate-typing{animation:typing 1.4s infinite}.animate-slide-in-left{animation:slideInLeft .6s ease-out .2s both}.animate-slide-in-right{animation:slideInRight .4s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-stagger-1{animation:fadeInUp .6s ease-out .1s both}.animate-stagger-2{animation:fadeInUp .6s ease-out .2s both}.animate-stagger-3{animation:fadeInUp .6s ease-out .3s both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%{box-shadow:0 0 20px oklch(.65 .25 280/.3)}to{box-shadow:0 0 30px oklch(.65 .25 280/.6),0 0 60px oklch(.65 .25 280/.2)}}@keyframes typing{0%,60%{opacity:.4}30%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}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)}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-hover:hover{transform:translateY(-2px);box-shadow:0 20px 40px oklch(0 0 0/.1);transition:all .3s var(--ease-out)}.btn-primary{background:var(--gradient-primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600;transition:all var(--animation-normal) var(--ease-out);box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-hover:hover{transform:translateY(-2px);transition:all .3s var(--ease-out)}.input-modern{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:1rem;transition:all var(--animation-normal) var(--ease-out);color:#0f172a}.input-modern:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px oklch(.65 .25 280/.1)}.dark .input-modern{background:#1e293b;color:#fff;border-color:#475569}.dark .input-modern:focus{border-color:var(--primary);box-shadow:0 0 0 3px oklch(.65 .25 280/.2)}.progress-modern{background:var(--muted);border-radius:var(--radius-sm);overflow:hidden;height:8px}.progress-modern-fill{background:var(--gradient-primary);height:100%;transition:width var(--animation-normal) var(--ease-out);border-radius:var(--radius-sm)}.scrollbar-modern::-webkit-scrollbar{width:8px}.scrollbar-modern::-webkit-scrollbar-track{background:var(--muted);border-radius:var(--radius-sm)}.scrollbar-modern::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:var(--radius-sm)}.scrollbar-modern::-webkit-scrollbar-thumb:hover{background:var(--primary)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:oklch(1 0 0/.3);transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out}.ripple-effect:active:before{width:300px;height:300px}