:root{--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--purple-800:#6b21a8;--purple-900:#581c87;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--white:#fff;--black:#0a0a0a;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-201:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--gray-950:#09090b;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-32:8rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}:root,[data-theme=light]{--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#f5f3ff;--color-primary-subtle:#fafafa;--bg-base:#fff;--bg-subtle:#f9fafb;--bg-muted:#f3f4f6;--bg-elevated:#fff;--bg-soft:rgba(124,58,237,.03);--bg-gradient:radial-gradient(circle at 0% 0%,#fff 0%,#f5f3ff 100%);--gradient-accent:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-primary:#fff;--border-default:#e2e8f0;--border-subtle:rgba(15,23,42,.05);--border-muted:#f1f5f9;--border-focus:#7c3aed;--shadow-premium:0 10px 30px -10px rgba(0,0,0,.1);--hover-overlay:rgba(124,58,237,.04);--active-overlay:rgba(124,58,237,.08);--glass-bg:rgba(255,255,255,.4);--glass-border:rgba(124,58,237,.1);--glass-shadow:0 8px 32px 0 rgba(124,58,237,.08)}[data-theme=dark]{--color-primary:#a78bfa;--color-primary-hover:#c4b5fd;--color-primary-light:#2e1065;--color-primary-subtle:rgba(167,139,250,.05);--bg-base:#020617;--bg-subtle:#0f172a;--bg-muted:#1e293b;--bg-elevated:#0f172a;--bg-soft:rgba(167,139,250,.03);--bg-gradient:radial-gradient(circle at 0% 0%,#020617 0%,#0f172a 100%);--gradient-accent:linear-gradient(135deg,#a78bfa 0%,#c084fc 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-primary:#020617;--border-default:#1e293b;--border-subtle:rgba(248,250,252,.05);--border-muted:#0f172a;--border-focus:#a78bfa;--shadow-premium:0 10px 30px -10px rgba(0,0,0,.5);--hover-overlay:rgba(167,139,250,.08);--active-overlay:rgba(167,139,250,.12);--glass-bg:rgba(15,23,42,.6);--glass-border:rgba(255,255,255,.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.37)}@keyframes mesh-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-glow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;transition:background var(--transition-slow),color var(--transition-base);background-attachment:fixed;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{letter-spacing:-.02em;font-size:2.5rem;font-weight:700}h1.gradient-text{background:linear-gradient(135deg,var(--purple-600)0%,var(--pink-500)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-6);margin:0 auto}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-primary)}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-base{background:var(--bg-base)}.bg-subtle{background:var(--bg-subtle)}.bg-muted{background:var(--bg-muted)}.bg-gradient{background:var(--bg-gradient)}.grid{display:grid}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-2\.5{gap:.625rem}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-12{gap:3rem}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-20{padding:5rem}.p-24{padding:6rem}@media (width>=1024px){.lg\:p-12{padding:3rem}.lg\:p-16{padding:4rem}}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-16{padding-left:4rem;padding-right:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-32{padding-top:8rem;padding-bottom:8rem}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:3rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.glass-card{background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.glass-card-premium{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);position:relative;overflow:hidden}.glass-card-premium:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);height:1px;position:absolute;top:0;left:0;right:0}.grain-bg{pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.size-1{width:.25rem;height:.25rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-8{width:2rem;height:2rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-32{height:8rem}.h-40{height:10rem}.h-px{height:1px}.w-16{width:4rem}.w-24{width:6rem}.w-40{width:10rem}.w-56{width:14rem}.w-full{width:100%}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1.25rem}.rounded-full{border-radius:var(--radius-full)}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}button,.btn{font-family:var(--font-sans);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;display:inline-flex}button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:linear-gradient(145deg,var(--color-primary)0%,var(--purple-600)100%);color:var(--text-on-primary);box-shadow:0 4px 15px -1px var(--color-primary-subtle);position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(rgba(255,255,255,.1),transparent);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-primary:hover{background:linear-gradient(145deg,var(--color-primary-hover)0%,var(--purple-700)100%);box-shadow:0 6px 20px -1px var(--color-primary-subtle);transform:translateY(-2px)}.btn-primary:hover:after{opacity:1}.btn-primary:active{box-shadow:0 2px 10px -1px var(--color-primary-subtle);transform:translateY(0)}.btn-gradient{background:linear-gradient(135deg,var(--purple-600)0%,var(--pink-500)100%);color:var(--white);box-shadow:var(--shadow-md)}.btn-gradient:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost{color:var(--color-primary);border:1px solid var(--border-default);background:0 0}.btn-ghost:hover{background:var(--hover-overlay);border-color:var(--color-primary)}.btn-full{width:100%}.card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:1.5rem}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card.card-accent{border:none;position:relative}.card.card-accent:before{content:"";border-radius:inherit;background:var(--gradient-accent);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card h3{margin-bottom:.5rem}.input-group{margin-bottom:1.5rem;position:relative}.input-field,select{width:100%;font-family:var(--font-sans);background:var(--bg-soft,rgba(255,255,255,.03));backdrop-filter:blur(8px);border:1px solid var(--border-subtle,rgba(255,255,255,.1));border-radius:var(--radius-lg,12px);color:var(--text-primary);outline:none;padding:.875rem 1.125rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.input-field::placeholder{color:transparent}select::placeholder{color:transparent}.input-field:focus,select:focus{border-color:var(--color-primary);background:var(--bg-elevated,rgba(255,255,255,.05));box-shadow:0 0 0 4px var(--color-primary-subtle),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.input-field:focus~.input-label,select:focus~.input-label{color:var(--color-primary);background:var(--bg-card,#1a1a1a);letter-spacing:.025em;padding:0 .5rem;font-size:.75rem;font-weight:600;top:-.65rem;left:.9rem}.input-field:not(:placeholder-shown)~.input-label{color:var(--color-primary);background:var(--bg-card,#1a1a1a);letter-spacing:.025em;padding:0 .5rem;font-size:.75rem;font-weight:600;top:-.65rem;left:.9rem}select:not(:placeholder-shown)~.input-label{color:var(--color-primary);background:var(--bg-card,#1a1a1a);letter-spacing:.025em;padding:0 .5rem;font-size:.75rem;font-weight:600;top:-.65rem;left:.9rem}.input-label{color:var(--text-muted);pointer-events:none;border-radius:var(--radius-sm);background:0 0;padding:0 .25rem;font-weight:400;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:.875rem;left:1.125rem}.glow{box-shadow:0 0 20px rgba(168,85,247,.3),0 0 40px rgba(236,72,153,.15)}.gradient-orb{filter:blur(100px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:600px;position:fixed}.gradient-orb.orb-1{background:var(--purple-500);top:-200px;right:-200px}.gradient-orb.orb-2{background:var(--pink-400);bottom:-200px;left:-200px}.badge{border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-light);padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.theme-toggle{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-default);cursor:pointer;width:3rem;height:3rem;box-shadow:var(--shadow-lg);transition:all var(--transition-base);z-index:1000;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.theme-toggle:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.notifier-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:400px;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.notification-toast{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(12px);align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards toast-in;display:flex}.notification-toast.success{border-left:4px solid #10b981}.notification-toast.success .notification-icon:before{content:"✅"}.notification-toast.error{border-left:4px solid #ef4444}.notification-toast.error .notification-icon:before{content:"❌"}.notification-toast.warning{border-left:4px solid #f59e0b}.notification-toast.warning .notification-icon:before{content:"⚠️"}.notification-toast.info{border-left:4px solid var(--color-primary)}.notification-toast.info .notification-icon:before{content:"ℹ️"}.notification-content{color:var(--text-primary);font-size:.875rem;font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.loading-overlay{z-index:10000;pointer-events:none;backdrop-filter:blur(8px);background:rgba(255,255,255,.02);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.loading-container{filter:url(#liquid);width:150px;height:150px;position:relative}.liquid-blob{opacity:.8;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;width:80px;height:80px;position:absolute;top:35px;left:35px}.liquid-blob:first-child{animation:4s ease-in-out infinite blob-move-1}.liquid-blob:nth-child(2){background:linear-gradient(135deg,#3b82f6,#2dd4bf);animation:4s ease-in-out -1s infinite blob-move-2}.liquid-blob:nth-child(3){background:linear-gradient(135deg,#f43f5e,#fb923c);animation:4s ease-in-out -2s infinite blob-move-3}@keyframes blob-move-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.9)}}@keyframes blob-move-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,20px)scale(.9)}66%{transform:translate(20px,-30px)scale(1.1)}}@keyframes blob-move-3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10px,40px)scale(1.2)}66%{transform:translate(-40px,-10px)scale(.8)}}.home-page{background:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);position:relative;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleInUp{0%{opacity:0;transform:translateY(var(--spacing-10))scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floating{0%,to{transform:translateY(0)rotateX(2deg)}50%{transform:translateY(-20px)rotateX(4deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gradient-orb{border-radius:var(--radius-full);filter:blur(140px);opacity:.12;pointer-events:none;z-index:0;mix-blend-mode:screen;position:absolute}.gradient-orb.orb-1{background:radial-gradient(circle,var(--color-primary),transparent);width:800px;height:800px;animation:8s ease-in-out infinite pulse-glow;top:-10%;left:30%}.gradient-orb.orb-2{background:radial-gradient(circle,var(--pink-500),transparent);width:600px;height:600px;animation:10s ease-in-out 2s infinite pulse-glow;top:20%;left:-10%}.gradient-orb.orb-3{background:radial-gradient(circle,#06b6d4,transparent);width:700px;height:700px;animation:12s ease-in-out 4s infinite pulse-glow;bottom:20%;right:-10%}.hero{padding:var(--spacing-32)var(--spacing-6)var(--spacing-20);flex-direction:column;align-items:center;display:flex;position:relative}.hero .hero-content{max-width:900px;margin-bottom:var(--spacing-20)}.hero .hero-badge{background:var(--bg-soft);border:1px solid var(--glass-border);color:var(--color-primary);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);margin-bottom:var(--spacing-8);box-shadow:0 0 40px var(--color-primary-subtle);letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.hero .hero-title{margin-bottom:var(--spacing-8);letter-spacing:-.05em;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:950;line-height:.9}.hero .hero-title .gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero .hero-title .glow-text{text-shadow:0 0 80px var(--color-primary-subtle)}.hero .hero-subtitle{color:var(--text-secondary);max-width:42ch;margin:0 auto var(--spacing-12);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:450;line-height:1.5}.hero-visual{perspective:2000px;width:100%;max-width:1100px}.hero-visual .main-preview-card{transform-style:preserve-3d;box-shadow:0 20px 50px -12px rgba(0,0,0,.5),0 0 0 1px var(--glass-border);border-radius:2rem;animation:8s ease-in-out infinite floating}.hero-visual .main-preview-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);position:absolute;inset:0}.bento-grid{gap:var(--spacing-6);grid-template-rows:repeat(2,minmax(280px,auto));grid-template-columns:repeat(6,1fr);display:grid}@media (width<=1024px){.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}}.bento-grid .bento-item{padding:var(--spacing-10);transition:all .5s var(--transition-base);border:1px solid var(--glass-border);flex-direction:column;justify-content:space-between;display:flex}.bento-grid .bento-item:hover{border-color:var(--color-primary);box-shadow:0 10px 40px -10px var(--color-primary-subtle);transform:translateY(-5px)}.bento-grid .bento-item.item-large{grid-area:span 1/span 3}.bento-grid .bento-item.item-tall{grid-area:span 2/span 2}.bento-grid .bento-item.item-small{grid-area:span 1/span 2}.bento-grid .bento-item.item-medium{grid-area:span 1/span 4}@media (width<=1024px){.bento-grid .bento-item{grid-area:span 1/span 1!important}}.bento-grid .bento-item .icon-box{margin-bottom:var(--spacing-6);font-size:2rem}.bento-grid .bento-item h3{margin-bottom:var(--spacing-4);color:var(--text-primary);font-size:1.5rem;font-weight:700}.bento-grid .bento-item p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.stats-premium{margin-top:calc(var(--spacing-32)*-1);z-index:30;position:relative}.stats-premium .stats-card{padding:var(--spacing-1)}.stats-premium .stats-inner{background:rgba(var(--gray-950),.6);backdrop-blur:24px;padding:var(--spacing-10);border-radius:calc(var(--radius-xl) - 2px)}.stats-premium .stats-grid{gap:var(--spacing-10);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.stats-premium .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-premium .stats-grid{grid-template-columns:1fr}}.stats-premium .stat-item{gap:var(--spacing-2);flex-direction:column;display:flex}.stats-premium .stat-item:not(:last-child){border-right:1px solid var(--glass-border)}@media (width<=640px){.stats-premium .stat-item:not(:last-child){border-right:none;border-bottom:1px solid var(--glass-border);padding-bottom:var(--spacing-6)}}.stats-premium .stat-value{letter-spacing:-.05em;font-size:3.5rem;font-weight:900;line-height:1}.stats-premium .stat-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.75rem;font-weight:700}.fade-in{animation:1s ease-out fadeIn}.scale-in{animation:.8s cubic-bezier(.16,1,.3,1) scaleIn}.scale-in-up{animation:1.2s cubic-bezier(.16,1,.3,1) .3s both scaleInUp}.glow-primary{box-shadow:0 0 30px var(--color-primary-subtle)}.glow-primary:hover{box-shadow:0 0 50px var(--color-primary-subtle);transform:translateY(-2px)}.glass-btn{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.glass-btn:hover{background:var(--hover-overlay)}.auth-page{background:var(--bg-base);min-height:100vh;padding:var(--spacing-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-container{z-index:10;width:100%;max-width:480px;animation:.8s cubic-bezier(.16,1,.3,1) both scaleInUp;position:relative}.auth-card{padding:var(--spacing-12);text-align:center}.auth-card .auth-header{margin-bottom:var(--spacing-10)}.auth-card .auth-header h1{letter-spacing:-.05em;margin-bottom:var(--spacing-2);font-size:2.5rem;font-weight:900}.auth-card .auth-header p{color:var(--text-secondary);font-size:1rem}.auth-form{gap:var(--spacing-6);text-align:left;flex-direction:column;display:flex}.auth-form .form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.auth-form .form-group label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding-left:var(--spacing-4);font-size:.75rem;font-weight:700}.auth-form .form-group input{border:1px solid var(--glass-border);padding:var(--spacing-4)var(--spacing-6);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-base);background:rgba(255,255,255,.03);font-size:1rem}.auth-form .form-group input::placeholder{color:var(--text-muted);opacity:.5}.auth-form .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-subtle);background:rgba(255,255,255,.06);outline:none}.auth-form button[type=submit]{margin-top:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--radius-lg);letter-spacing:-.01em;font-size:1.125rem;font-weight:800}.auth-footer{margin-top:var(--spacing-10);color:var(--text-secondary);gap:var(--spacing-4);flex-direction:column;font-size:.9375rem;display:flex}.auth-footer a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:700;text-decoration:none}.auth-footer a:hover{color:var(--color-primary-hover)}.auth-footer .back-to-home{color:var(--text-muted);opacity:.6;font-size:.8125rem}.auth-footer .back-to-home:hover{opacity:1}.auth-orb.orb-1{background:radial-gradient(circle,var(--color-primary),transparent);opacity:.1;width:600px;height:600px;top:-20%;left:-20%}.auth-orb.orb-2{background:radial-gradient(circle,var(--pink-500),transparent);opacity:.1;width:600px;height:600px;bottom:-20%;right:-20%}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{margin-bottom:.25rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.dashboard-grid .card h3{margin-bottom:.5rem}.not-found-page{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.not-found-page .not-found-container{z-index:10;width:100%;max-width:600px;padding:2rem}.not-found-page .not-found-card{text-align:center;backdrop-filter:blur(20px);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);padding:4rem 3rem}.not-found-page .not-found-visual{margin-bottom:2.5rem;position:relative}.not-found-page .not-found-visual .error-code{letter-spacing:-.05em;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));-webkit-background-fill-color:transparent;-webkit-text-fill-color:transparent;opacity:.15;filter:blur(4px);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:900;line-height:1}.not-found-page .not-found-visual .glitch-effect{color:var(--text-primary);text-shadow:0 0 20px rgba(var(--primary-rgb),.5);font-size:6rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.not-found-page .not-found-visual .glitch-effect:before,.not-found-page .not-found-visual .glitch-effect:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.not-found-page .not-found-visual .glitch-effect:before{color:#ff00c3;z-index:-1;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.not-found-page .not-found-visual .glitch-effect:after{color:#00fff9;z-index:-2;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite reverse both glitch}.not-found-page .not-found-title{background:linear-gradient(90deg,#fff,#aab);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.not-found-page .not-found-subtitle{color:var(--text-muted);max-width:400px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.not-found-page .not-found-actions{justify-content:center;align-items:center;gap:1.5rem;display:flex}.not-found-page .orb-4{background:radial-gradient(circle,rgba(99,102,241,.15),transparent 70%);width:500px;height:500px;animation:25s infinite alternate float;top:10%;right:-10%}.not-found-page .orb-5{background:radial-gradient(circle,rgba(168,85,247,.15),transparent 70%);width:400px;height:400px;animation:20s infinite alternate-reverse float;bottom:-10%;left:-5%}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards slide-up}