:root{--font-hero: clamp(2rem, 4vw + 1rem, 3.75rem);--font-subtitle: clamp(1.05rem, 1.2vw + .6rem, 1.25rem);--section-padding: clamp(1rem, 3vw, 3rem);--container-max-width: 1440px;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--accent-cyan: #06b6d4;--accent-indigo: #6366f1;--accent-emerald: #10b981;--primary: #0194fc;--secondary: #0261ff;--bg-primary: #070913;--bg-secondary: #0d1224;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--glass-bg-subtle: rgba(255, 255, 255, .04);--glass-bg-card: linear-gradient(135deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 100%), rgba(11, 17, 36, .38);--glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .04) 100%), rgba(15, 23, 48, .48);--glass-bg-active: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .28);--glass-blur: blur(16px) saturate(190%);--glass-shadow: 0 16px 40px rgba(0, 0, 0, .35), inset 0 1px 1px rgba(255, 255, 255, .15);--glass-glow: 0 0 35px rgba(99, 102, 241, .28);--glass-glow-cyan: 0 0 35px rgba(6, 182, 212, .28);--mesh-base-bg: radial-gradient(ellipse at 50% -10%, #0c1229 0%, #070914 55%, #030408 100%);--mesh-diffusion-bg: rgba(7, 9, 19, .12);--mesh-blend-mode: screen;--title-gradient: linear-gradient(135deg, #ffffff 40%, #e2e8f0 80%, #94a3b8 100%);--header-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%), rgba(11, 17, 36, .45);--preview-box-bg: rgba(8, 12, 24, .45);--chat-user-bg: rgba(255, 255, 255, .06);--cta-card-bg: linear-gradient(135deg, rgba(14, 25, 60, .85) 0%, rgba(8, 14, 38, .92) 100%), rgba(11, 17, 36, .6);--cta-btn-bg: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(240, 245, 255, .88) 100%);--cta-btn-color: #070913;--cta-btn-border: rgba(255, 255, 255, .85);--cta-btn-shadow: 0 12px 35px rgba(0, 0, 0, .35), 0 0 30px rgba(99, 102, 241, .3), inset 0 1.5px 2px #ffffff;--cta-btn-shadow-hover: 0 18px 45px rgba(99, 102, 241, .5), 0 0 40px rgba(6, 182, 212, .4), inset 0 1.5px 2px #ffffff;--btn-primary-bg: linear-gradient(135deg, rgba(1, 148, 252, .9) 0%, rgba(99, 102, 241, .92) 100%);--btn-primary-hover-bg: linear-gradient(135deg, rgba(1, 148, 252, .98) 0%, rgba(99, 102, 241, .98) 100%);--btn-primary-border: rgba(255, 255, 255, .28);--btn-primary-border-hover: rgba(255, 255, 255, .55);--btn-primary-shadow: 0 8px 24px -2px rgba(1, 148, 252, .42), 0 2px 8px rgba(0, 0, 0, .15), inset 0 1px 1.5px rgba(255, 255, 255, .45);--btn-primary-shadow-hover: 0 14px 35px -2px rgba(1, 148, 252, .58), 0 0 28px rgba(6, 182, 212, .35), inset 0 1px 2px rgba(255, 255, 255, .7);--btn-secondary-bg: var(--glass-bg-card);--btn-secondary-hover-bg: var(--glass-bg-hover);--btn-secondary-border: var(--glass-border);--btn-secondary-border-hover: var(--glass-border-hover);--btn-secondary-shadow: 0 8px 24px -4px rgba(0, 0, 0, .22), inset 0 1px 1px rgba(255, 255, 255, .18);--btn-secondary-shadow-hover: 0 14px 32px rgba(0, 0, 0, .28), 0 0 25px rgba(99, 102, 241, .22), inset 0 1px 1.5px rgba(255, 255, 255, .35);--body-mesh-gradient: radial-gradient(ellipse 60% 50% at 18% 18%, rgba(6, 182, 212, .16) 0%, transparent 70%), radial-gradient(ellipse 55% 55% at 82% 20%, rgba(99, 102, 241, .18) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(1, 148, 252, .14) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 20% 82%, rgba(168, 85, 247, .13) 0%, transparent 70%), radial-gradient(ellipse 65% 65% at 50% 50%, rgba(14, 165, 233, .09) 0%, transparent 75%)}html[data-theme=light],html.light-theme{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--glass-bg-subtle: rgba(255, 255, 255, .5);--glass-bg-card: linear-gradient(135deg, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .3) 100%), rgba(255, 255, 255, .25);--glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .45) 100%), rgba(255, 255, 255, .35);--glass-bg-active: rgba(99, 102, 241, .1);--glass-border: rgba(255, 255, 255, .7);--glass-border-hover: rgba(99, 102, 241, .45);--glass-shadow: 0 14px 35px rgba(31, 38, 135, .08), inset 0 1px 1px rgba(255, 255, 255, .8);--glass-glow: 0 0 30px rgba(99, 102, 241, .18);--glass-glow-cyan: 0 0 30px rgba(6, 182, 212, .18);--mesh-base-bg: radial-gradient(ellipse at 50% -10%, #e0e7ff 0%, #f8fafc 55%, #f1f5f9 100%);--mesh-diffusion-bg: rgba(248, 250, 252, .22);--mesh-blend-mode: multiply;--title-gradient: linear-gradient(135deg, #0f172a 40%, #1e293b 80%, #475569 100%);--header-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .78) 0%, rgba(255, 255, 255, .45) 100%), rgba(255, 255, 255, .3);--preview-box-bg: rgba(255, 255, 255, .55);--chat-user-bg: rgba(255, 255, 255, .75);--cta-card-bg: linear-gradient(135deg, rgba(238, 242, 255, .9) 0%, rgba(224, 231, 255, .8) 100%), rgba(255, 255, 255, .5);--cta-btn-bg: linear-gradient(135deg, rgba(15, 23, 42, .92) 0%, rgba(30, 41, 59, .96) 100%);--cta-btn-color: #ffffff;--cta-btn-border: rgba(255, 255, 255, .25);--cta-btn-shadow: 0 12px 30px rgba(15, 23, 42, .25), 0 0 25px rgba(99, 102, 241, .25), inset 0 1.5px 2px rgba(255, 255, 255, .4);--cta-btn-shadow-hover: 0 18px 40px rgba(15, 23, 42, .35), 0 0 35px rgba(99, 102, 241, .35), inset 0 1.5px 2px rgba(255, 255, 255, .55);--btn-primary-bg: linear-gradient(135deg, rgba(1, 148, 252, .92) 0%, rgba(79, 70, 229, .95) 100%);--btn-primary-hover-bg: linear-gradient(135deg, rgba(0, 136, 238, .98) 0%, rgba(67, 56, 202, 1) 100%);--btn-primary-border: rgba(255, 255, 255, .4);--btn-primary-border-hover: rgba(255, 255, 255, .7);--btn-primary-shadow: 0 8px 24px -2px rgba(1, 148, 252, .35), 0 2px 8px rgba(0, 0, 0, .08), inset 0 1px 1.5px rgba(255, 255, 255, .5);--btn-primary-shadow-hover: 0 14px 35px -2px rgba(1, 148, 252, .48), 0 0 25px rgba(6, 182, 212, .25), inset 0 1px 2px rgba(255, 255, 255, .8);--btn-secondary-bg: var(--glass-bg-card);--btn-secondary-hover-bg: var(--glass-bg-hover);--btn-secondary-border: var(--glass-border);--btn-secondary-border-hover: var(--glass-border-hover);--btn-secondary-shadow: 0 8px 20px -4px rgba(31, 38, 135, .08), inset 0 1px 1px rgba(255, 255, 255, .7);--btn-secondary-shadow-hover: 0 14px 30px rgba(31, 38, 135, .14), 0 0 20px rgba(99, 102, 241, .15), inset 0 1px 1.5px rgba(255, 255, 255, .9);--body-mesh-gradient: radial-gradient(ellipse 60% 50% at 18% 18%, rgba(6, 182, 212, .12) 0%, transparent 70%), radial-gradient(ellipse 55% 55% at 82% 20%, rgba(99, 102, 241, .12) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(1, 148, 252, .1) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 20% 82%, rgba(168, 85, 247, .09) 0%, transparent 70%), radial-gradient(ellipse 65% 65% at 50% 50%, rgba(14, 165, 233, .07) 0%, transparent 75%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{width:100%;max-width:100%;min-height:100%;font-family:var(--font-body);background-color:var(--bg-primary);background-image:var(--mesh-base-bg);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;transition:background-color .25s ease}body:before{content:"";position:fixed;top:-20%;left:-20%;width:140vw;height:140vh;z-index:-1;pointer-events:none;background-image:var(--body-mesh-gradient);transform:translateZ(0);will-change:transform;animation:bodyMeshDrift 26s ease-in-out infinite alternate}@keyframes bodyMeshDrift{0%{transform:translateZ(0) scale(1)}33%{transform:translate3d(2.5vw,1.5vh,0) scale(1.02)}66%{transform:translate3d(-1.5vw,3vh,0) scale(.98)}to{transform:translate3d(1.5vw,-1.5vh,0) scale(1.01)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}