:root{--space-2: 4px;--space-4: 8px;--space-6: 12px;--space-8: 16px;--space-12: 24px;--space-16: 32px;--space-24: 48px;--space-32: 64px;--section-padding-y: 112px;--section-padding-y-mobile: 72px;--color-bg: #030c15;--color-bg-2: #061826;--color-surface: #082438;--color-surface-2: #0c2f4d;--color-brand: #083344;--color-primary: #0ea5e9;--color-primary-2: #38bdf8;--color-accent: #7dd3fc;--color-accent-2: rgba(14, 165, 233, .1);--color-teal: #0891b2;--color-border: rgba(14, 165, 233, .08);--color-border-2: rgba(14, 165, 233, .18);--color-text: #f0f9ff;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-text-secondary: rgba(240, 249, 255, .7);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--heading-sm: 1.25rem;--heading-md: 1.5rem;--heading-lg: 2rem;--heading-xl: clamp(2rem, 4vw, 3.25rem);--heading-2xl: clamp(2.5rem, 5vw, 4rem);--line-tight: 1.2;--line-snug: 1.375;--line-normal: 1.5;--line-relaxed: 1.65;--line-loose: 1.75;--gradient-hero: radial-gradient(ellipse 100% 70% at 50% -10%, rgba(8,51,68,.7) 0%, transparent 65%), radial-gradient(ellipse 60% 40% at 85% 10%, rgba(14,165,233,.1) 0%, transparent 60%), linear-gradient(180deg, #030c15 0%, #030c15 100%);--gradient-primary: linear-gradient(135deg, #0891b2 0%, #38bdf8 100%);--gradient-card: linear-gradient(145deg, rgba(8,36,56,.95) 0%, rgba(6,24,38,.75) 100%);--gradient-card-highlight: linear-gradient(145deg, rgba(8,51,68,.35) 0%, rgba(6,24,38,.8) 100%);--gradient-teal: linear-gradient(135deg, #083344 0%, #0ea5e9 100%);--gradient-cta: linear-gradient(135deg, #083344 0%, #0c3b56 50%, #0e4d6e 100%);--navbar-scrolled-bg: rgba(3, 12, 21, .82);--navbar-scrolled-shadow: 0 4px 32px rgba(0, 0, 0, .4);--card-highlight-border: rgba(14, 165, 233, .3);--card-highlight-shadow: 0 0 0 1px rgba(14, 165, 233, .2), 0 12px 48px rgba(14, 165, 233, .08);--btn-am-border: rgba(255, 255, 255, .35);--btn-am-bg: rgba(8, 51, 68, .3);--btn-am-icon-bg: var(--color-text);--btn-am-icon-color: var(--color-bg);--shadow-near: 0 2px 8px rgba(0,0,0,.4);--shadow-mid: 0 4px 24px rgba(0,0,0,.5), 0 0 0 1px var(--color-border);--shadow-far: 0 12px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(14,165,233,.1);--shadow-card: 0 0 0 1px var(--color-border), 0 4px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 80px rgba(14,165,233,.2);--shadow-hover: 0 0 0 1px var(--color-border-2), 0 8px 40px rgba(0,0,0,.6), 0 0 30px rgba(14,165,233,.18);--shadow-cta: 0 8px 40px rgba(14,165,233,.35), 0 0 0 1px rgba(14,165,233,.25);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 100px;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.25, .1, .25, 1);--transition-fast: .2s var(--ease-in-out);--transition: .3s var(--ease-in-out);--transition-slow: .4s var(--ease-out);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--navbar-offset: 72px}:root[data-theme=light]{--color-bg: #f0f9ff;--color-bg-2: #e0f2fe;--color-surface: #ffffff;--color-surface-2: #f0f9ff;--color-border: rgba(8,51,68,.08);--color-border-2: rgba(8,51,68,.15);--color-primary: #0891b2;--color-primary-2: #0e7490;--color-accent: #0ea5e9;--color-accent-2: rgba(8,145,178,.08);--color-text: #0c2340;--color-text-muted: #475569;--color-text-dim: #64748b;--color-text-secondary: rgba(12,35,64,.7);--gradient-hero: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(14,165,233,.12) 0%, transparent 70%), linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(240,249,255,.85) 100%);--gradient-card-highlight: linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(224,242,254,.92) 100%);--navbar-scrolled-bg: rgba(255, 255, 255, .9);--navbar-scrolled-shadow: 0 4px 24px rgba(8, 51, 68, .08);--card-highlight-border: rgba(8, 145, 178, .28);--card-highlight-shadow: 0 0 0 1px rgba(8, 145, 178, .18), 0 12px 36px rgba(14, 165, 233, .1);--shadow-near: 0 2px 8px rgba(8,51,68,.07);--shadow-mid: 0 4px 24px rgba(8,51,68,.09), 0 0 0 1px var(--color-border);--shadow-far: 0 12px 40px rgba(8,51,68,.12), 0 0 0 1px rgba(14,165,233,.1);--shadow-card: 0 0 0 1px var(--color-border), 0 4px 24px rgba(8,51,68,.07);--shadow-hover: 0 0 0 1px var(--color-border-2), 0 8px 32px rgba(8,51,68,.12), 0 0 24px rgba(14,165,233,.1);--btn-am-border: rgba(8,51,68,.2);--btn-am-bg: rgba(255,255,255,.6);--btn-am-icon-bg: var(--color-primary);--btn-am-icon-color: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:var(--line-tight);letter-spacing:-.02em}p{line-height:var(--line-loose)}a{color:inherit;text-decoration:none;transition:var(--transition)}img{max-width:100%;height:auto}ul{list-style:none}a:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-12)}@media(max-width:768px){.container{padding:0 var(--space-8)}}.container--wide{max-width:1400px}.section{padding:var(--section-padding-y) 0}@media(max-width:768px){.section{padding:var(--section-padding-y-mobile) 0}}.section-label{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-2);background:#0ea5e914;border:1px solid var(--color-border-2);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-8);margin-bottom:var(--space-12)}.section-label i{font-size:10px;color:var(--color-primary)}.section-title{font-size:var(--heading-xl);font-weight:800;color:var(--color-text);line-height:var(--line-tight);margin-bottom:var(--space-8)}.section-title .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px;line-height:var(--line-loose)}.section-header{text-align:center;margin-bottom:var(--space-24)}.section-header .section-subtitle{margin:0 auto}.glass-card{background:var(--gradient-card);border:1px solid var(--color-border-2);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-mid);position:relative;z-index:1;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition-slow),transform var(--transition)}.glass-card:before{content:"";position:absolute;bottom:0;right:0;width:200px;height:200px;background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(14,165,233,.04) 10px,rgba(14,165,233,.04) 11px),repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(14,165,233,.04) 10px,rgba(14,165,233,.04) 11px);opacity:.7;pointer-events:none}.glass-card:after{content:"";position:absolute;top:-60%;left:-20%;width:140%;height:80%;background:radial-gradient(ellipse at center,rgba(14,165,233,.07) 0%,transparent 65%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.glass-card:hover{border-color:#0ea5e959;box-shadow:var(--shadow-hover)}.glass-card:hover:after{opacity:1}.btn{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-12);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;outline:none;transition:all var(--transition);position:relative;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-near)}.btn-primary:hover{background:var(--color-primary-2);box-shadow:0 6px 24px #0ea5e973;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border-2);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);background:var(--color-accent-2)}.btn-ghost{background:transparent;color:var(--color-primary);border:none}.btn-ghost:hover{color:var(--color-primary-2);gap:var(--space-6)}.btn-lg{padding:14px var(--space-16);font-size:var(--text-base);border-radius:var(--radius-md);gap:10px}.btn-sm{padding:var(--space-4) var(--space-8);font-size:var(--text-xs)}.btn-antimatter{position:relative;padding-block:0;padding-inline-start:var(--space-12);padding-inline-end:100px;justify-content:center;height:48px;border:1px solid var(--btn-am-border);background:var(--btn-am-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-pill);font-weight:400;color:var(--color-text);transition:transform var(--transition-slow),border-color var(--transition);overflow:hidden}.btn-antimatter:hover{transform:scale(1.04);border-color:#0ea5e980}.btn-antimatter:hover .btn-icon-box{width:calc(100% - 6px);background:var(--color-primary);color:#fff}.btn-antimatter:hover .btn-icon-box svg,.btn-antimatter:hover .btn-icon-box i{transform:rotate(45deg)}.btn-antimatter .btn-text{position:relative;z-index:2;white-space:nowrap;transition:color var(--transition)}.btn-antimatter .btn-icon-box{position:absolute;inset-inline-end:3px;top:3px;height:40px;width:40px;background:var(--btn-am-icon-bg);color:var(--btn-am-icon-color);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:flex-end;padding-inline-end:var(--space-6);transition:width .6s var(--ease-out),background var(--transition),color var(--transition);z-index:1}.btn-antimatter .btn-icon-box svg,.btn-antimatter .btn-icon-box i{font-size:16px;margin:0;transition:transform var(--transition-slow) .1s}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-teal{background:var(--gradient-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;background:#0ea5e91a;color:var(--color-primary-2);border:1px solid rgba(14,165,233,.2)}.divider{width:100%;height:1px;background:var(--color-border);margin:var(--space-32) 0}.page-wrapper{padding-top:var(--navbar-offset)}.page-hero{padding:80px 0 60px;text-align:center;position:relative}.page-hero .page-hero-bg{position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:var(--heading-2xl);font-weight:900;margin-bottom:var(--space-8)}.page-hero p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:640px;margin:0 auto;line-height:var(--line-loose)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #0ea5e94d}50%{box-shadow:0 0 50px #0ea5e999}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}