:root{--color-background:248 250 252;--color-foreground:15 23 42;--color-card:255 255 255;--color-card-foreground:15 23 42;--color-popover:255 255 255;--color-popover-foreground:15 23 42;--color-primary:59 130 246;--color-primary-foreground:255 255 255;--color-primary-hover:37 99 235;--color-primary-active:29 78 216;--color-secondary:124 58 237;--color-secondary-foreground:255 255 255;--color-secondary-hover:109 40 217;--color-accent:8 145 178;--color-accent-foreground:255 255 255;--color-accent-hover:14 116 144;--color-muted:241 245 249;--color-muted-foreground:71 85 105;--color-border:203 213 225;--color-input:241 245 249;--color-ring:29 78 216;--color-success:34 197 94;--color-success-foreground:255 255 255;--color-warning:251 146 60;--color-warning-foreground:255 255 255;--color-error:239 68 68;--color-error-foreground:255 255 255;--color-info:59 130 246;--color-info-foreground:255 255 255;--color-destructive:239 68 68;--color-destructive-foreground:255 255 255;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05),0 1px 3px 0 rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -1px rgb(0 0 0/0.06);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -2px rgb(0 0 0/0.05);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 10px 10px -5px rgb(0 0 0/0.04);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.06);--shadow-primary:0 4px 14px 0 rgba(37,99,235,0.25),0 0 0 1px rgba(37,99,235,0.1);--shadow-accent:0 4px 14px 0 rgba(8,145,178,0.25),0 0 0 1px rgba(8,145,178,0.1);--glass-background:rgba(255,255,255,0.7);--glass-background-elevated:rgba(255,255,255,0.85);--glass-background-solid:rgba(255,255,255,0.95);--glass-border:rgba(255,255,255,0.6);--glass-border-subtle:rgba(203,213,225,0.4);--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--glass-blur-light:blur(12px);--glass-shadow:0 8px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--glass-shadow-lg:0 16px 48px rgba(0,0,0,0.1),0 4px 16px rgba(0,0,0,0.05);--glass-shadow-inner:inset 0 1px 1px rgba(255,255,255,0.8);--frost-overlay:linear-gradient(135deg,rgba(255,255,255,0.4),rgba(255,255,255,0.1));--frost-border-gradient:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(255,255,255,0.2));--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains 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;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}[data-theme=dark]{--color-background:15 23 42;--color-foreground:248 250 252;--color-card:30 41 59;--color-card-foreground:248 250 252;--color-popover:30 41 59;--color-popover-foreground:248 250 252;--color-primary:96 165 250;--color-primary-foreground:15 23 42;--color-primary-hover:59 130 246;--color-primary-active:37 99 235;--color-secondary:167 139 250;--color-secondary-foreground:15 23 42;--color-secondary-hover:139 92 246;--color-accent:34 211 238;--color-accent-foreground:15 23 42;--color-accent-hover:6 182 212;--color-muted:51 65 85;--color-muted-foreground:148 163 184;--color-border:51 65 85;--color-input:51 65 85;--color-ring:96 165 250;--color-success:74 222 128;--color-success-foreground:15 23 42;--color-warning:251 191 36;--color-warning-foreground:15 23 42;--color-error:248 113 113;--color-error-foreground:15 23 42;--color-info:96 165 250;--color-info-foreground:15 23 42;--color-destructive:248 113 113;--color-destructive-foreground:15 23 42;--shadow-sm:0 2px 4px 0 rgb(0 0 0/0.5),0 -1px 2px 0 rgb(0 0 0/0.3),0 0 6px 0 rgba(59,130,246,0.12),0 0 0 1px rgba(59,130,246,0.1);--shadow-md:0 4px 8px 0 rgb(0 0 0/0.6),0 -2px 4px 0 rgb(0 0 0/0.4),0 0 12px 0 rgba(59,130,246,0.18),0 0 0 1px rgba(59,130,246,0.15);--shadow-lg:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 20px 0 rgba(59,130,246,0.25),0 0 0 1px rgba(59,130,246,0.2);--shadow-xl:0 12px 24px 0 rgb(0 0 0/0.75),0 -4px 12px 0 rgb(0 0 0/0.55),0 0 30px 0 rgba(59,130,246,0.3),0 0 0 1px rgba(59,130,246,0.25);--shadow-2xl:0 20px 40px 0 rgb(0 0 0/0.8),0 -6px 16px 0 rgb(0 0 0/0.6),0 0 40px 0 rgba(59,130,246,0.35),0 0 0 1px rgba(59,130,246,0.3);--shadow-primary:0 4px 14px 0 rgba(59,130,246,0.4),0 0 20px rgba(59,130,246,0.15),0 0 0 1px rgba(59,130,246,0.2);--shadow-accent:0 4px 14px 0 rgba(34,211,238,0.4),0 0 20px rgba(34,211,238,0.15),0 0 0 1px rgba(34,211,238,0.2);--glass-background:rgba(15,23,42,0.6);--glass-background-elevated:rgba(30,41,59,0.75);--glass-background-solid:rgba(30,41,59,0.9);--glass-border:rgba(148,163,184,0.15);--glass-border-subtle:rgba(71,85,105,0.3);--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--glass-blur-light:blur(12px);--glass-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 60px rgba(59,130,246,0.08);--glass-shadow-lg:0 16px 48px rgba(0,0,0,0.5),0 0 80px rgba(59,130,246,0.12);--glass-shadow-inner:inset 0 1px 1px rgba(255,255,255,0.05);--frost-overlay:linear-gradient(135deg,rgba(30,41,59,0.5),rgba(15,23,42,0.3));--frost-border-gradient:linear-gradient(135deg,rgba(148,163,184,0.3),rgba(71,85,105,0.1));--shadow-tint-blue:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(59,130,246,0.3),0 0 0 1px rgba(59,130,246,0.25);--shadow-tint-indigo:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(99,102,241,0.3),0 0 0 1px rgba(99,102,241,0.25);--shadow-tint-purple:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(168,85,247,0.3),0 0 0 1px rgba(168,85,247,0.25);--shadow-tint-pink:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(236,72,153,0.3),0 0 0 1px rgba(236,72,153,0.25);--shadow-tint-cyan:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(6,182,212,0.3),0 0 0 1px rgba(6,182,212,0.25);--shadow-tint-teal:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(20,184,166,0.3),0 0 0 1px rgba(20,184,166,0.25);--shadow-tint-emerald:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(16,185,129,0.3),0 0 0 1px rgba(16,185,129,0.25);--shadow-tint-amber:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(245,158,11,0.3),0 0 0 1px rgba(245,158,11,0.25);--shadow-tint-orange:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(249,115,22,0.3),0 0 0 1px rgba(249,115,22,0.25);--shadow-tint-rose:0 8px 16px 0 rgb(0 0 0/0.7),0 -3px 8px 0 rgb(0 0 0/0.5),0 0 25px 0 rgba(244,63,94,0.3),0 0 0 1px rgba(244,63,94,0.25)}.glass,.glass-panel{background:var(--glass-background);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-shadow-inner)}.glass-panel{border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-panel:hover{box-shadow:var(--glass-shadow-lg),var(--glass-shadow-inner);transform:translateY(-2px)}.glass-panel-elevated{background:var(--glass-background-elevated);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg),var(--glass-shadow-inner);transition:all var(--transition-base)}.glass-panel-solid{background:var(--glass-background-solid);backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-hero{position:relative;background:var(--frost-overlay);backdrop-filter:var(--glass-blur-heavy)}.glass-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--frost-border-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-nav{background:var(--glass-background-elevated);backdrop-filter:var(--glass-blur-heavy);border-bottom:1px solid var(--glass-border-subtle);box-shadow:0 4px 30px rgba(0,0,0,.05)}[data-theme=dark] .glass-nav{box-shadow:0 4px 30px rgba(0,0,0,.3),0 0 40px rgba(59,130,246,.05)}.glass-btn{background:var(--glass-background);backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-inner);transition:all var(--transition-fast);color:rgb(var(--color-foreground))}.glass-btn:hover{background:var(--glass-background-elevated);border-color:rgba(var(--color-primary),.3);box-shadow:0 4px 16px rgba(var(--color-primary),.15),var(--glass-shadow-inner);transform:translateY(-1px)}.glass-btn:active{transform:translateY(0)}.glass-btn-primary{background:linear-gradient(135deg,rgba(var(--color-primary),.9) 0,rgba(var(--color-primary),.7) 100%);backdrop-filter:var(--glass-blur-light);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#ffffff;box-shadow:0 4px 16px rgba(var(--color-primary),.3),inset 0 1px 1px rgba(255,255,255,.2);transition:all var(--transition-fast)}.glass-btn-primary:hover{background:linear-gradient(135deg,rgba(var(--color-primary),1) 0,rgba(var(--color-primary),.85) 100%);box-shadow:0 8px 24px rgba(var(--color-primary),.4),inset 0 1px 1px rgba(255,255,255,.2);transform:translateY(-2px)}.glass-input{background:var(--glass-background);backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg);color:rgb(var(--color-foreground));transition:all var(--transition-fast)}.glass-input:focus{background:var(--glass-background-elevated);border-color:rgba(var(--color-primary),.5);box-shadow:0 0 0 3px rgba(var(--color-primary),.1),var(--glass-shadow-inner);outline:none}.glass-input::-moz-placeholder{color:rgb(var(--color-muted-foreground))}.glass-input::placeholder{color:rgb(var(--color-muted-foreground))}.glass-modal{background:var(--glass-background-solid);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow-lg)}.glass-modal-backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(8px)}[data-theme=dark] .glass-modal-backdrop{background:rgba(0,0,0,.6)}.glass-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.glass-badge{backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:rgb(var(--color-foreground))}.glass-badge,.glass-feature{background:var(--glass-background)}.glass-feature{backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-feature:hover{background:var(--glass-background-elevated);box-shadow:var(--glass-shadow-lg);transform:translateY(-4px);border-color:rgba(var(--color-primary),.2)}.glass-stat{border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;text-align:center;box-shadow:var(--glass-shadow),var(--glass-shadow-inner)}.glass-stat,.glass-testimonial{background:var(--glass-background);backdrop-filter:var(--glass-blur)}.glass-testimonial{border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--glass-shadow);position:relative}.glass-testimonial:before{content:'"';position:absolute;top:1rem;left:1.5rem;font-size:4rem;font-family:Georgia,serif;color:rgba(var(--color-primary),.2);line-height:1}@keyframes gradient-rotate{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.glass-gradient-border{position:relative;background:var(--glass-background);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl)}.glass-gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(var(--angle,0deg),rgba(var(--color-primary),.5),rgba(var(--color-accent),.5),rgba(var(--color-secondary),.5),rgba(var(--color-primary),.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-rotate 4s linear infinite}.frost-bg{position:relative;overflow:hidden}.frost-bg:before{content:"";position:absolute;inset:0;background:var(--frost-overlay);backdrop-filter:var(--glass-blur);z-index:-1}.elevated-sm{box-shadow:var(--shadow-sm)}.elevated-md,.elevated-sm{transition:box-shadow var(--transition-base)}.elevated-md{box-shadow:var(--shadow-md)}.elevated-lg{box-shadow:var(--shadow-lg)}.elevated-lg,.elevated-xl{transition:box-shadow var(--transition-base)}.elevated-xl{box-shadow:var(--shadow-xl)}.elevated-2xl{box-shadow:var(--shadow-2xl);transition:box-shadow var(--transition-base)}.elevated-sm:hover{box-shadow:var(--shadow-md)}.elevated-md:hover{box-shadow:var(--shadow-lg)}.elevated-lg:hover{box-shadow:var(--shadow-xl)}.elevated-primary{box-shadow:var(--shadow-primary)}.elevated-accent{box-shadow:var(--shadow-accent)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transition-spring{transition:all var(--transition-spring)}.bg-gradient-primary{background:linear-gradient(135deg,rgb(var(--color-primary)) 0,rgb(var(--color-secondary)) 100%)}.bg-gradient-accent{background:linear-gradient(135deg,rgb(var(--color-accent)) 0,rgb(var(--color-primary)) 100%)}.bg-gradient-success{background:linear-gradient(135deg,rgb(var(--color-success)) 0,rgb(var(--color-accent)) 100%)}.glow-primary{box-shadow:0 0 20px rgba(var(--color-primary),.3)}.glow-accent{box-shadow:0 0 20px rgba(var(--color-accent),.3)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,rgba(var(--color-muted),.8) 0,rgba(var(--color-muted),.4) 50%,rgba(var(--color-muted),.8) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);border:1px solid rgba(var(--color-border),.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}.scale-hover{transition:transform var(--transition-base)}.scale-hover:hover{transform:scale(1.02)}.focus-ring:focus-visible{outline:2px solid rgb(var(--color-ring));outline-offset:2px}.text-gradient{background:linear-gradient(135deg,rgb(var(--color-primary)) 0,rgb(var(--color-secondary)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-link:hover{color:rgb(var(--color-foreground))!important}.hover-muted:hover{background:rgba(var(--color-muted),.5)!important}.hover-primary:hover{background:rgba(var(--color-primary),.1)!important}.hover-foreground:hover{color:rgb(var(--color-foreground))!important}.hover-border:hover{border-color:rgb(var(--color-foreground))!important}a[style*="--color-destructive"],a[style*="--color-primary"],a[style*="--color-secondary"],button[style*="--color-destructive"],button[style*="--color-primary"],button[style*="--color-secondary"]{transition:all .2s ease}a[style*="background-color: rgb(var(--color-destructive))"],a[style*="background-color: rgb(var(--color-primary))"],a[style*="background-color: rgb(var(--color-secondary))"],a[style*="background: linear-gradient"],a[style*="background: rgb(var(--color-destructive))"],a[style*="background: rgb(var(--color-primary))"],a[style*="background: rgb(var(--color-secondary))"],button[style*="background-color: rgb(var(--color-destructive))"],button[style*="background-color: rgb(var(--color-primary))"],button[style*="background-color: rgb(var(--color-secondary))"],button[style*="background: linear-gradient"],button[style*="background: rgb(var(--color-destructive))"],button[style*="background: rgb(var(--color-primary))"],button[style*="background: rgb(var(--color-secondary))"]{color:rgb(255,255,255)!important;-webkit-text-fill-color:#ffffff!important;--tw-text-opacity:1!important}a.glass[style*="background: linear-gradient"],a.glass[style*="background: rgb(var(--color-primary))"],button.glass[style*="background: linear-gradient"],button.glass[style*="background: rgb(var(--color-primary))"]{color:rgb(var(--color-primary-foreground))!important}a[style*=transparent]:hover,button[style*=transparent]:hover{background:rgba(var(--color-muted),.3)!important}.bg-destructive,.bg-primary,.bg-secondary{color:#ffffff!important}.light .notification-badge,.notification-badge,:root .notification-badge,:root [style*="background-color: rgb(var(--color-primary))"],:root [style*="background-color: rgb(var(--color-primary))"] *,:root [style*="background: rgb(var(--color-primary))"],:root [style*="background: rgb(var(--color-primary))"] *,[data-theme=light] .notification-badge,body .notification-badge,html .notification-badge{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}:root{view-transition-name:root}::view-transition-group(root){background:rgb(var(--color-background))}[data-theme=dark] ::view-transition-group(root){background:rgb(var(--color-background))}@keyframes float-slow{0%,to{transform:translate(-50%) scale(1)}25%{transform:translate(-48%,-20px) scale(1.02)}50%{transform:translate(-52%,-10px) scale(.98)}75%{transform:translate(-50%,-30px) scale(1.01)}}@keyframes float-diagonal{0%,to{transform:translate(0)}33%{transform:translate(30px,-40px)}66%{transform:translate(-20px,-20px)}}@keyframes float-reverse{0%,to{transform:translate(0)}25%{transform:translate(-25px,15px)}50%{transform:translate(15px,30px)}75%{transform:translate(-10px,20px)}}@keyframes float-slow-reverse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,30px) scale(1.03)}66%{transform:translate(-15px,15px) scale(.97)}}@keyframes float-diagonal-reverse{0%,to{transform:translate(0)}25%{transform:translate(-35px,25px)}50%{transform:translate(-20px,-15px)}75%{transform:translate(10px,35px)}}@keyframes float-gentle{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-25px) scale(1.05)}}.animate-float-slow{animation:float-slow 25s ease-in-out infinite}.animate-float-diagonal{animation:float-diagonal 30s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 22s ease-in-out infinite}.animate-float-slow-reverse{animation:float-slow-reverse 28s ease-in-out infinite}.animate-float-diagonal-reverse{animation:float-diagonal-reverse 35s ease-in-out infinite}.animate-float-gentle{animation:float-gentle 20s ease-in-out infinite}