@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Mono:wght@300;400;500&display=swap";*{margin:0;box-sizing:border-box}:root{--bg-primary: #1e1e22;--bg-canvas: #1a1a1e;--bg-secondary: #1a1a1e;--bg-tertiary: rgba(255, 255, 255, .04);--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .06);--text-primary: rgba(255, 255, 255, .82);--text-secondary: rgba(255, 255, 255, .45);--text-tertiary: rgba(255, 255, 255, .22);--accent-primary: #4ade68;--accent-hover: #3ecf5a;--accent-glow: rgba(74, 222, 104, .12);--gradient-start: #4ade68;--gradient-end: #3ecf5a;--live-red: #ff3b3b;--glass-bg: rgba(34, 34, 38, .7);--glass-blur: blur(30px);--glass-border: 1px solid rgba(255, 255, 255, .06);--glass-radius: 14px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--container-max-width: 1200px;--container-padding: 2rem;--container-padding-mobile: 1rem;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", Consolas, Monaco, "Ubuntu Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .8125rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 14px;--radius-3xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: none;--shadow-glow-hover: none;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);overflow-x:hidden;min-height:100vh;overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none}html{overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none}*{font-family:inherit}img,video{max-width:100%}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top right,var(--accent-glow) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(74,222,104,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.cta-primary{background:transparent;color:var(--accent-primary);padding:1rem 2.5rem;border-radius:var(--radius-md);border:1.5px solid var(--accent-primary);text-decoration:none;font-weight:700;font-size:var(--font-size-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}@media(max-width:768px){.container{padding:0 var(--container-padding-mobile)}}.section{padding:var(--space-4xl) 0;position:relative;z-index:1}.section-compact{padding:var(--space-3xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-lg);font-family:var(--font-body);line-height:var(--line-height-tight)}.section-description{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:700px;margin:0 auto;font-family:var(--font-body);line-height:var(--line-height-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);font-family:var(--font-body);transition:all var(--transition-fast);cursor:pointer;border:none;position:relative;overflow:hidden}.btn-primary{background:transparent;color:var(--accent-primary);border:1.5px solid var(--accent-primary)}.btn-primary:hover{background:var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:#ffffff1a}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--glass-radius);padding:var(--space-2xl);transition:all var(--transition-fast);position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);background:#222226cc}.grid{display:grid;gap:var(--space-xl)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.cta-primary{background:transparent;color:var(--accent-primary);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);border:1.5px solid var(--accent-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.cta-primary:hover{background:var(--accent-glow);transform:translateY(-1px)}.hidden-mobile{display:block}.hidden-desktop{display:none}.text-center-mobile{text-align:inherit}@media(max-width:640px){.hidden-mobile{display:none}.hidden-desktop{display:block}.text-center-mobile{text-align:center}.section{padding:var(--space-2xl) 0}.section-compact{padding:var(--space-xl) 0}}@media(max-width:768px){.nav-links{gap:var(--space-md)}.cta-buttons{flex-direction:column;align-items:center}.section{padding:var(--space-3xl) 0}.section-compact{padding:var(--space-2xl) 0}}@media(max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:1280px){:root{--container-padding: 1.5rem}}