@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap";:root{--color-bg-dark: #021219;--color-bg-card: #051923;--color-bg-surface: #0a222e;--color-bg-input: #0e2a38;--color-text-main: #F1F5F9;--color-text-muted: #94A3B8;--color-text-faint: #64748B;--text-faint: var(--color-text-faint);--color-brand-primary: #C7F27B;--color-brand-hover: #D4F59B;--color-brand-active: #A3D154;--color-brand-text: #021219;--color-accent-cyan: #38BDF8;--color-status-success: #10B981;--color-status-error: #F43F5E;--color-status-warning: #F59E0B;--color-status-info: #3B82F6;--color-border-subtle: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--font-family: "Urbanist", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--spacing-6xl: 8rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--shadow-color: 0deg 0% 0%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 4px 8px -2px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 40px -6px rgba(0, 0, 0, .5);--glass-bg: rgba(2, 18, 25, .7);--glass-bg-hover: rgba(2, 18, 25, .85);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .15);--glass-backdrop: blur(12px);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--bg-body: var(--color-bg-dark);--bg-surface: var(--color-bg-card);--bg-surface-elevated: var(--color-bg-surface);--bg-alt: rgba(255, 255, 255, .03);--text-main: var(--color-text-main);--text-body: var(--color-text-muted);--text-inverse: var(--color-bg-dark);--border-main: var(--color-border-subtle);--border-hover: var(--color-brand-primary);--primary: var(--color-brand-primary);--primary-hover: var(--color-brand-hover);--primary-text: var(--color-brand-text)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.02)}[data-theme=light]{--bg-body: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #F1F5F9;--bg-alt: #E2E8F0;--text-main: #0F172A;--text-body: #475569;--text-inverse: #FFFFFF;--primary: #84CC16;--color-brand-primary: #84CC16;--color-brand-hover: #65A30D;--color-brand-text: #021219;--border-main: #E2E8F0;--border-hover: #84CC16;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 4px 6px -1px rgba(15, 23, 42, .1);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .1);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .1);--glass-bg: rgba(255, 255, 255, .8);--glass-bg-hover: rgba(248, 250, 252, .95);--glass-border: rgba(15, 23, 42, .08);--glass-border-hover: rgba(15, 23, 42, .15);--color-bg-input: #FFFFFF;--text-faint: #64748B;--color-text-faint: #64748B}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-main);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-main);letter-spacing:-.02em}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--text-body)}a{color:var(--color-green-primary);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--color-green-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none}.btn-primary{background:var(--color-green-primary);color:var(--color-bg-dark)}.btn-primary:hover{background:var(--color-green-hover);transform:translateY(-2px);box-shadow:0 0 20px #c7f27b4d}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-main)}.btn-secondary:hover{border-color:var(--text-main);background:var(--bg-surface)}.card{background:var(--bg-surface);border:1px solid var(--border-main);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-main);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-hover);transform:translateY(-4px)}.section{padding:var(--spacing-6xl) var(--spacing-3xl);max-width:1400px;margin:0 auto}.section-alt{background:var(--bg-alt);border-top:1px solid var(--border-main);border-bottom:1px solid var(--border-main)}.section-header{text-align:center;margin-bottom:var(--spacing-5xl)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-body);max-width:600px;margin:0 auto}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}:focus{outline:2px solid var(--color-green-primary);outline-offset:2px}:root{--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--ease-bounce: cubic-bezier(.34, 1.7, .64, 1);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--duration-slowest: 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-20px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-10px)}80%{transform:translateY(0)}90%{transform:translateY(-4px)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #c7f27b33}50%{box-shadow:0 0 25px #c7f27b99,0 0 50px #c7f27b4d}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}}@keyframes jello{0%,to{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatRotate{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(-20px) rotate(5deg)}75%{transform:translateY(-5px) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading-dots{0%,80%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes skeleton-wave{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes text-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes text-glow{0%,to{text-shadow:0 0 5px rgba(199,242,123,.3),0 0 10px rgba(199,242,123,.2)}50%{text-shadow:0 0 20px rgba(199,242,123,.6),0 0 40px rgba(199,242,123,.4),0 0 60px rgba(199,242,123,.2)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary)}}@keyframes text-reveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes gradient-shift{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}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out-expo) forwards}.animate-fade-in-left{animation:fadeInLeft var(--duration-slow) var(--ease-out-expo) forwards}.animate-fade-in-right{animation:fadeInRight var(--duration-slow) var(--ease-out-expo) forwards}.animate-slide-up{animation:slideUp .6s var(--ease-out-expo) forwards}.animate-slide-down{animation:slideDown .6s var(--ease-out-expo) forwards}.animate-slide-left{animation:slideInLeft .6s var(--ease-out-expo) forwards}.animate-slide-right{animation:slideInRight .6s var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn .5s var(--ease-out-expo) forwards}.animate-pop-in{animation:popIn .6s var(--ease-spring) forwards}.animate-scale-bounce{animation:scaleInBounce .8s var(--ease-smooth) forwards}.animate-flip-x{animation:flipInX .8s var(--ease-smooth) forwards}.animate-flip-y{animation:flipInY .8s var(--ease-smooth) forwards}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse-soft 2s infinite ease-in-out}.animate-pulse-glow{animation:pulse-glow 2s infinite ease-in-out}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-rotate{animation:floatRotate 4s ease-in-out infinite}.animate-wiggle{animation:wiggle 1s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-jello{animation:jello 1s ease-in-out}.animate-spin{animation:rotate360 1s linear infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);will-change:transform}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal);will-change:transform}.hover-scale:hover{transform:scale(1.03)}.hover-scale-sm{transition:transform var(--transition-fast)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px #c7f27b66,0 0 40px #c7f27b33}.hover-border-glow{transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.hover-border-glow:hover{border-color:var(--primary);box-shadow:0 0 0 3px #c7f27b26}.hover-tilt{transition:transform var(--transition-normal);transform-style:preserve-3d;perspective:1000px}.hover-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}.hover-shine{position:relative;overflow:hidden}.hover-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.hover-shine:hover:before{left:100%}.hover-underline{position:relative}.hover-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-normal) var(--ease-out-expo)}.hover-underline:hover:after{width:100%}.hover-fill{position:relative;overflow:hidden;z-index:1}.hover-fill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal) var(--ease-out-expo);z-index:-1}.hover-fill:hover:before{transform:scaleX(1)}.hover-push{transition:transform var(--transition-fast)}.hover-push:hover{transform:scale(.97)}.hover-push:active{transform:scale(.95)}.hover-rotate-icon{transition:transform var(--transition-normal) var(--ease-spring)}.hover-rotate-icon:hover{transform:rotate(15deg)}.hover-arrow{transition:transform var(--transition-fast)}.hover-arrow:hover{transform:translate(4px)}.delay-0{animation-delay:0ms}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-1000{animation-delay:1s}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.stagger-children>*:nth-child(11){animation-delay:.5s}.stagger-children>*:nth-child(12){animation-delay:.55s}.loading-skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-title{height:1.5em;width:60%;border-radius:var(--radius-sm)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.loading-shimmer{position:relative;overflow:hidden}.loading-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.loading-pulse{animation:pulse-soft 1.5s ease-in-out infinite;background:var(--bg-surface)}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:loading-dots 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0}.loading-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.loading-ring:before,.loading-ring:after{content:"";position:absolute;border:2px solid var(--primary);border-radius:50%}.loading-ring:before{width:100%;height:100%;opacity:.3}.loading-ring:after{width:100%;height:100%;animation:loading-pulse-ring 1.5s infinite}.text-gradient-animated{background:linear-gradient(90deg,var(--primary),var(--color-accent-cyan),var(--primary));background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-gradient 3s linear infinite}.text-glow{animation:text-glow 2s ease-in-out infinite}.text-typewriter{overflow:hidden;white-space:nowrap;border-right:3px solid var(--primary);animation:typewriter 3.5s steps(40,end),blink-caret .75s step-end infinite}.text-reveal{animation:text-reveal 1s var(--ease-out-expo) forwards}.focus-ring-animated:focus{outline:none;animation:pulse-glow .3s ease-out forwards}.focus-underline{position:relative;border-bottom:2px solid var(--border-main);transition:border-color var(--transition-normal)}.focus-underline:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--primary);transition:width var(--transition-normal),left var(--transition-normal)}.focus-underline:focus:after{left:0;width:100%}.card-glass-animated{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);transition:all var(--transition-normal)}.card-glass-animated:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.card-magnetic{transition:transform .1s ease-out;will-change:transform}.card-bento{position:relative;overflow:hidden;transition:all var(--transition-normal)}.card-bento:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(199,242,123,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-normal)}.card-bento:hover:before{opacity:1}.card-bento:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0000004d,0 0 0 1px #c7f27b33}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);transform:scale(0);opacity:0;transition:transform .4s ease,opacity .3s ease}.btn-ripple:active:after{transform:scale(2);opacity:1;transition:0s}.btn-gradient-border{position:relative;background:var(--bg-surface);z-index:1}.btn-gradient-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary),var(--color-accent-cyan));border-radius:inherit;z-index:-1;transition:all var(--transition-normal)}.btn-gradient-border:after{content:"";position:absolute;inset:0;background:var(--bg-surface);border-radius:inherit;z-index:-1}.btn-gradient-border:hover:before{inset:-3px;filter:blur(4px)}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s;animation-timing-function:var(--ease-out-expo)}::view-transition-old(root){animation:fadeOut .25s var(--ease-smooth)}::view-transition-new(root){animation:fadeInUp .35s var(--ease-out-expo)}.icon-spin{animation:rotate360 1s linear infinite}.icon-pulse{animation:pulse-soft 2s ease-in-out infinite}.icon-bounce{animation:bounce 1s ease infinite}.icon-float{animation:float 2s ease-in-out infinite}.badge-pulse{animation:pulse-glow 2s ease-in-out infinite}.badge-bounce{animation:bounce 2s infinite}.notification-pop{animation:popIn .4s var(--ease-spring) forwards}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.reveal-scale.revealed{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.375rem;--font-size-xl: 1.125rem;--spacing-6xl: 4rem;--spacing-5xl: 3rem;--spacing-4xl: 2.5rem;--spacing-3xl: 2rem}.section{padding:var(--spacing-3xl) var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-3xl)}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-base);padding:0 var(--spacing-sm)}.grid{gap:var(--spacing-lg)}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.card{padding:var(--spacing-lg)}.btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);width:100%;justify-content:center}h1{font-size:var(--font-size-4xl);line-height:1.2}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-xl)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}}@media(max-width:480px){:root{--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem;--font-size-xl: 1.125rem;--font-size-lg: 1rem;--spacing-6xl: 3rem;--spacing-5xl: 2.5rem;--spacing-4xl: 2rem;--spacing-3xl: 1.5rem;--spacing-2xl: 1.25rem}.section{padding:var(--spacing-2xl) var(--spacing-md)}.section-header{margin-bottom:var(--spacing-2xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:var(--spacing-md);border-radius:var(--radius-md)}.btn{width:100%;padding:var(--spacing-md) var(--spacing-lg)}}@media(hover:none)and (pointer:coarse){.btn{min-height:48px;padding:var(--spacing-md) var(--spacing-xl)}.hover-lift:hover,.hover-scale:hover,.hover-tilt:hover{transform:none}.btn:active{transform:scale(.97);opacity:.9}.card:active{transform:scale(.98);opacity:.95}.btn,.card,a{-webkit-tap-highlight-color:rgba(199,242,123,.2)}}@media(max-width:768px)and (orientation:landscape){.section{padding:var(--spacing-2xl) var(--spacing-xl)}.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-height:600px){.section{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}.bg-mesh{background-color:var(--bg-body);background-image:radial-gradient(at 0% 0%,rgba(124,58,237,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(56,189,248,.15) 0px,transparent 50%);background-attachment:fixed;position:absolute;inset:0;z-index:0;pointer-events:none}:global([data-theme=dark]) .bg-mesh{background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(56,189,248,.1) 0px,transparent 50%)}@keyframes mesh-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.text-gradient-premium{background:linear-gradient(to right,#7c3aed,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradient-flow 5s linear infinite}.icon-glow-container{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:#7c3aed0d;color:#7c3aed;margin-bottom:var(--spacing-md);margin-left:auto;margin-right:auto;transition:all var(--transition-bounce);border:1px solid rgba(124,58,237,.1)}:global([data-theme=dark]) .icon-glow-container{background:#a78bfa1a;color:#a78bfa;border-color:#a78bfa26}.card:hover .icon-glow-container{transform:scale(1.1) rotate(5deg);background:var(--primary);color:var(--primary-text);box-shadow:0 0 20px #c7f27b66;border-color:transparent}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-main),transparent);margin:var(--spacing-4xl) 0}
