: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-blue: #3b82f6;--accent-emerald: #10b981;--ngp-primary: #3b82f6;--ngp-secondary: #06b6d4;--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: #ffffff;--cta-btn-color: #070913}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: #0f172a;--cta-btn-color: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;min-height:100%;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .25s ease}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}