@charset "UTF-8";:root{--cyber-cyan-100: #e0fcff;--cyber-cyan-200: #b3f5fc;--cyber-cyan-300: #7aeef9;--cyber-cyan-400: #3ee5f5;--cyber-cyan-500: #00f0ff;--cyber-cyan-600: #00c4d4;--cyber-cyan-700: #0097a7;--cyber-cyan-800: #006b78;--cyber-cyan-900: #004149;--cyber-magenta-100: #ffe0f5;--cyber-magenta-200: #ffb3e6;--cyber-magenta-300: #ff7ad4;--cyber-magenta-400: #ff3ebf;--cyber-magenta-500: #ff00aa;--cyber-magenta-600: #d4008c;--cyber-magenta-700: #a7006e;--cyber-magenta-800: #78004f;--cyber-magenta-900: #490030;--cyber-yellow-100: #fffde0;--cyber-yellow-200: #fff9b3;--cyber-yellow-300: #fff57a;--cyber-yellow-400: #fff13e;--cyber-yellow-500: #f0ff00;--cyber-yellow-600: #c4d400;--cyber-yellow-700: #97a700;--cyber-yellow-800: #6b7800;--cyber-yellow-900: #414900;--cyber-green-100: #e0fff0;--cyber-green-200: #b3ffdb;--cyber-green-300: #7affc4;--cyber-green-400: #3effaa;--cyber-green-500: #00ff88;--cyber-green-600: #00d470;--cyber-green-700: #00a757;--cyber-green-800: #00783e;--cyber-green-900: #004925;--cyber-void-50: #1a1a2e;--cyber-void-100: #16161f;--cyber-void-200: #121218;--cyber-void-300: #0e0e12;--cyber-void-400: #0a0a0f;--cyber-void-500: #08080c;--cyber-void-600: #060608;--cyber-void-700: #040405;--cyber-void-800: #020203;--cyber-void-900: #000000;--cyber-chrome-100: #f0f0f5;--cyber-chrome-200: #d8d8e0;--cyber-chrome-300: #b0b0c0;--cyber-chrome-400: #8888a0;--cyber-chrome-500: #606078;--cyber-chrome-600: #484860;--cyber-chrome-700: #303048;--cyber-chrome-800: #202030;--cyber-chrome-900: #101018;--color-bg-primary: var(--cyber-void-400);--color-bg-secondary: var(--cyber-void-300);--color-bg-tertiary: var(--cyber-void-200);--color-text-primary: var(--cyber-chrome-100);--color-text-secondary: var(--cyber-chrome-300);--color-text-muted: var(--cyber-chrome-500);--color-border-default: var(--cyber-chrome-800);--color-border-subtle: var(--cyber-chrome-900);--font-display: "Rajdhani", "Exo 2", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-heading: "Orbitron", "Rajdhani", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-cyber: 2px 8px 2px 8px;--duration-fast: .15s;--duration-normal: .3s;--ease-cyber: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s ease;--transition-base: .3s ease;--z-sticky: 100;--z-modal: 1000;--glow-text-cyan: 0 0 10px var(--cyber-cyan-500), 0 0 20px var(--cyber-cyan-600);--glow-text-magenta: 0 0 10px var(--cyber-magenta-500), 0 0 20px var(--cyber-magenta-600);--glow-text-yellow: 0 0 10px var(--cyber-yellow-500), 0 0 20px var(--cyber-yellow-600);--glow-text-green: 0 0 10px var(--cyber-green-500), 0 0 20px var(--cyber-green-600);--noise-opacity: .03;--scanline-opacity: .05}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-display);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--cyber-cyan-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--cyber-cyan-400)}button{font-family:inherit;cursor:pointer}code{font-family:var(--font-mono)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:var(--scanline-opacity);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}.cyber-display{font-family:var(--font-heading);font-weight:700;line-height:1.1;letter-spacing:.05em;text-transform:uppercase}.cyber-heading{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.cyber-lead{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6}.cyber-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.cyber-mono{font-family:var(--font-mono)}.cyber-text-glow{text-shadow:var(--glow-text-cyan)}.cyber-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.demo-layout{min-height:100vh;display:flex;flex-direction:column}.demo-main{flex:1;min-height:calc(100vh - 80px)}.cyber-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cyber-nav__brand{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800;color:var(--cyber-cyan-500);text-transform:uppercase;letter-spacing:.15em;text-decoration:none;text-shadow:var(--glow-text-cyan);display:flex;align-items:center;gap:var(--space-xs)}.cyber-nav__brand:before{content:"//";color:var(--cyber-magenta-500)}.cyber-nav__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:var(--space-xs);margin-left:auto;background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast)}.cyber-nav__toggle:hover,.cyber-nav__toggle:focus-visible{border-color:var(--cyber-cyan-500)}.cyber-nav__toggle-bar{display:block;width:22px;height:2px;background:var(--cyber-cyan-500);transition:transform var(--duration-fast),opacity var(--duration-fast)}.cyber-nav__menu{display:contents}.cyber-nav__links{display:flex;gap:var(--space-2xs);list-style:none;margin-left:auto}.cyber-nav__link{position:relative;display:flex;align-items:center;min-height:44px;padding:var(--space-xs) var(--space-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast);overflow:hidden}.cyber-nav__link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--cyber-cyan-500);transform:translate(-101%);transition:transform var(--duration-normal) var(--ease-cyber)}.cyber-nav__link:hover,.cyber-nav__link--active{color:var(--cyber-cyan-500)}.cyber-nav__link:hover:before,.cyber-nav__link--active:before{transform:translate(0)}.cyber-nav__actions{display:flex;align-items:center;gap:var(--space-md)}@media (max-width: 768px){.cyber-nav{padding:var(--space-sm) var(--space-md)}.cyber-nav__brand{font-size:var(--text-lg);letter-spacing:.1em}.cyber-nav__toggle{display:flex}.cyber-nav__menu{display:none;flex-direction:column;width:100%;padding-top:var(--space-md);border-top:1px solid var(--color-border-default);margin-top:var(--space-sm)}.cyber-nav--open .cyber-nav__menu{display:flex}.cyber-nav--open .cyber-nav__toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.cyber-nav--open .cyber-nav__toggle-bar:nth-child(2){opacity:0}.cyber-nav--open .cyber-nav__toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.cyber-nav__links{flex-direction:column;gap:0;width:100%;margin-left:0}.cyber-nav__link{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);border-bottom:1px solid var(--color-border-default)}.cyber-nav__link:before{bottom:auto;top:0;left:auto;right:0;width:3px;height:100%;transform:translateY(-101%)}.cyber-nav__link:hover:before,.cyber-nav__link--active:before{transform:translateY(0)}.cyber-nav__actions{flex-direction:column;align-items:stretch;gap:var(--space-sm);width:100%;padding-top:var(--space-md)}}.cyber-status{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);background:color-mix(in srgb,var(--cyber-green-500) 15%,transparent);border:1px solid var(--cyber-green-500);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cyber-green-500)}.cyber-status__dot{width:8px;height:8px;background:var(--cyber-green-500);border-radius:50%;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--cyber-green-500)}50%{box-shadow:0 0 10px 3px var(--cyber-green-500)}}.cyber-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cyber-cyan-500);background:transparent;border:1px solid var(--cyber-cyan-500);border-radius:var(--radius-cyber);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.cyber-btn:hover{background:color-mix(in srgb,var(--cyber-cyan-500) 15%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--cyber-cyan-500) 30%,transparent)}.cyber-btn--magenta{color:var(--cyber-magenta-500);border-color:var(--cyber-magenta-500)}.cyber-btn--magenta:hover{background:color-mix(in srgb,var(--cyber-magenta-500) 15%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--cyber-magenta-500) 30%,transparent)}.cyber-btn--yellow{color:var(--cyber-yellow-500);border-color:var(--cyber-yellow-500)}.cyber-btn--yellow:hover{background:color-mix(in srgb,var(--cyber-yellow-500) 15%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--cyber-yellow-500) 30%,transparent)}.cyber-btn--green{color:var(--cyber-green-500);border-color:var(--cyber-green-500)}.cyber-btn--green:hover{background:color-mix(in srgb,var(--cyber-green-500) 15%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--cyber-green-500) 30%,transparent)}.cyber-btn--ghost{border-color:var(--color-border-default);color:var(--color-text-secondary)}.cyber-btn--ghost:hover{border-color:var(--cyber-cyan-500);color:var(--cyber-cyan-500);background:transparent;box-shadow:none}.cyber-btn--filled{background:var(--cyber-cyan-500);color:var(--cyber-void-500)}.cyber-btn--filled:hover{background:var(--cyber-cyan-400);box-shadow:0 0 20px var(--cyber-cyan-500)}.cyber-btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.cyber-btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.cyber-btn--outline{background:transparent}.cyber-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-cyber);padding:var(--space-lg);transition:all var(--transition-base)}.cyber-card--interactive:hover{border-color:var(--cyber-cyan-500);box-shadow:0 0 20px color-mix(in srgb,var(--cyber-cyan-500) 20%,transparent)}.cyber-card--magenta{border-color:color-mix(in srgb,var(--cyber-magenta-500) 30%,transparent)}.cyber-card--magenta.cyber-card--interactive:hover{border-color:var(--cyber-magenta-500);box-shadow:0 0 20px color-mix(in srgb,var(--cyber-magenta-500) 20%,transparent)}.cyber-card--yellow{border-color:color-mix(in srgb,var(--cyber-yellow-500) 30%,transparent)}.cyber-card--yellow.cyber-card--interactive:hover{border-color:var(--cyber-yellow-500);box-shadow:0 0 20px color-mix(in srgb,var(--cyber-yellow-500) 20%,transparent)}.cyber-card--green{border-color:color-mix(in srgb,var(--cyber-green-500) 30%,transparent)}.cyber-card--green.cyber-card--interactive:hover{border-color:var(--cyber-green-500);box-shadow:0 0 20px color-mix(in srgb,var(--cyber-green-500) 20%,transparent)}.cyber-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.cyber-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.cyber-card__icon{font-size:var(--text-xl)}.cyber-hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-md) var(--space-3xl);position:relative;overflow:hidden}.cyber-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 35% 40%,color-mix(in srgb,var(--cyber-cyan-500) 15%,transparent) 0%,transparent 40%),radial-gradient(ellipse at 65% 60%,color-mix(in srgb,var(--cyber-magenta-500) 15%,transparent) 0%,transparent 40%),linear-gradient(90deg,transparent 0%,transparent calc(50% - 1px),color-mix(in srgb,var(--cyber-cyan-500) 8%,transparent) 50%,transparent calc(50% + 1px),transparent 100%),linear-gradient(0deg,transparent 0%,transparent calc(50% - 1px),color-mix(in srgb,var(--cyber-cyan-500) 8%,transparent) 50%,transparent calc(50% + 1px),transparent 100%);background-size:100% 100%,100% 100%,80px 80px,80px 80px;animation:hero-grid-pulse 8s ease-in-out infinite;pointer-events:none}.cyber-hero:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--cyber-cyan-500) 20%,var(--cyber-magenta-500) 50%,var(--cyber-cyan-500) 80%,transparent 100%);box-shadow:0 0 20px var(--cyber-cyan-500),0 0 40px color-mix(in srgb,var(--cyber-cyan-500) 50%,transparent);animation:hero-scan 15s linear infinite;pointer-events:none;opacity:.7}.cyber-hero__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-sm);position:relative;z-index:1}.cyber-hero__title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-md);text-shadow:var(--glow-text-cyan);position:relative;z-index:1}@media (max-width: 768px){.cyber-hero__title{font-size:var(--text-3xl)}}.cyber-hero__description{max-width:600px;color:var(--color-text-secondary);margin-bottom:var(--space-lg);position:relative;z-index:1}.cyber-hero__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;position:relative;z-index:1}@keyframes hero-grid-pulse{0%,to{opacity:1;background-position:0% 0%,100% 100%,0 0,0 0}50%{opacity:.8;background-position:100% 100%,0% 0%,40px 40px,40px 40px}}@keyframes hero-scan{0%{top:-2px;opacity:0}3%{opacity:.6}97%{opacity:.6}to{top:100%;opacity:0}}.cyber-section{padding:var(--space-xl) 0}.cyber-section__header{margin-bottom:var(--space-lg)}.cyber-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--cyber-cyan-500);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-xs)}.cyber-section__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.cyber-grid{display:grid;gap:var(--space-md)}.cyber-grid--2{grid-template-columns:repeat(2,1fr)}.cyber-grid--3{grid-template-columns:repeat(3,1fr)}.cyber-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.cyber-grid--3,.cyber-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.cyber-grid--2,.cyber-grid--3,.cyber-grid--4{grid-template-columns:1fr}}.cyber-flex{display:flex}.cyber-flex--col{flex-direction:column}.cyber-flex--wrap{flex-wrap:wrap}.cyber-items-center{align-items:center}.cyber-justify-center{justify-content:center}.cyber-justify-between{justify-content:space-between}.cyber-gap-xs{gap:var(--space-xs)}.cyber-gap-sm{gap:var(--space-sm)}.cyber-gap-md{gap:var(--space-md)}.cyber-gap-lg{gap:var(--space-lg)}.cyber-text-center{text-align:center}.cyber-text-cyan{color:var(--cyber-cyan-500)}.cyber-text-magenta{color:var(--cyber-magenta-500)}.cyber-text-yellow{color:var(--cyber-yellow-500)}.cyber-text-green{color:var(--cyber-green-500)}.cyber-mt-sm{margin-top:var(--space-sm)}.cyber-mt-md{margin-top:var(--space-md)}.cyber-mt-lg{margin-top:var(--space-lg)}.cyber-mb-sm{margin-bottom:var(--space-sm)}.cyber-mb-md{margin-bottom:var(--space-md)}.cyber-mb-lg{margin-bottom:var(--space-lg)}.cyber-divider{height:1px;background:linear-gradient(90deg,transparent,var(--cyber-cyan-500) 20%,var(--cyber-cyan-500) 80%,transparent);margin:var(--space-lg) 0;position:relative}.cyber-divider:before{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-bg-primary);padding:0 var(--space-sm);color:var(--cyber-cyan-500);font-size:var(--text-xs)}.demo-footer{padding:var(--space-md);font-size:var(--text-xs);text-align:center;border-top:1px solid var(--color-border-default);color:var(--color-text-muted)}.page-header{padding:var(--space-2xl) 0 var(--space-xl);text-align:center;border-bottom:1px solid var(--color-border-default);margin-bottom:var(--space-xl)}.page-header__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--cyber-cyan-500);text-transform:uppercase;letter-spacing:.1em;text-shadow:var(--glow-text-cyan);margin-bottom:var(--space-sm)}.page-header__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.chart-demo__container{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-cyber);padding:var(--space-lg);position:relative;overflow:hidden}.chart-demo__container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyber-cyan-500),var(--cyber-magenta-500),var(--cyber-cyan-500));opacity:.5}.chart-demo__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-default)}.chart-demo__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--cyber-cyan-500);text-transform:uppercase;letter-spacing:.05em}.chart-demo__badge{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2xs) var(--space-xs);background:color-mix(in srgb,var(--cyber-cyan-500) 15%,transparent);border:1px solid var(--cyber-cyan-500);color:var(--cyber-cyan-500)}.chart-demo__chart{min-height:300px;display:flex;align-items:center;justify-content:center}.chart-demo__placeholder{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.chart-demo__placeholder-icon{font-size:var(--text-3xl);margin-bottom:var(--space-sm);opacity:.5}.chart-demo__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.cyber-neon-border{position:relative}.cyber-neon-border:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(90deg,var(--cyber-cyan-500),var(--cyber-magenta-500),var(--cyber-yellow-500),var(--cyber-green-500),var(--cyber-cyan-500));background-size:400% 100%;z-index:-1;animation:neon-flow 4s linear infinite;filter:blur(6px);opacity:.7}@keyframes neon-flow{0%{background-position:0% 50%}to{background-position:400% 50%}}.cyber-datastream{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--cyber-cyan-500) 15%,transparent) 50%,transparent 100%);background-size:100% 200%;animation:datastream 3s linear infinite}@keyframes datastream{0%{background-position:0% 0%}to{background-position:0% 200%}}.cyber-spinner{width:48px;height:48px;position:relative;display:inline-block}.cyber-spinner:before,.cyber-spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-radius:50%}.cyber-spinner:before{border-top-color:var(--cyber-cyan-500);animation:spin 1s linear infinite}.cyber-spinner:after{border-bottom-color:var(--cyber-magenta-500);animation:spin 1s linear infinite reverse;animation-delay:-.5s}@keyframes spin{to{transform:rotate(360deg)}}.cyber-stat{text-align:center}.cyber-stat__value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--cyber-cyan-500);text-shadow:var(--glow-text-cyan);line-height:1}.cyber-stat__label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:var(--space-2xs)}.cyber-badge{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--cyber-cyan-500) 15%,transparent);border:1px solid var(--cyber-cyan-500);color:var(--cyber-cyan-500);border-radius:var(--radius-sm)}.cyber-badge--magenta{background:color-mix(in srgb,var(--cyber-magenta-500) 15%,transparent);border-color:var(--cyber-magenta-500);color:var(--cyber-magenta-500)}.cyber-badge--yellow{background:color-mix(in srgb,var(--cyber-yellow-500) 15%,transparent);border-color:var(--cyber-yellow-500);color:var(--cyber-yellow-500)}.cyber-badge--green{background:color-mix(in srgb,var(--cyber-green-500) 15%,transparent);border-color:var(--cyber-green-500);color:var(--cyber-green-500)}.cyber-badge--pulse{animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.6}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--cyber-chrome-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyber-chrome-500)}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-cyber);padding:var(--space-lg);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--cyber-cyan-500);box-shadow:0 0 20px color-mix(in srgb,var(--cyber-cyan-500) 20%,transparent)}.feature-card__icon{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.feature-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--cyber-cyan-500);margin-bottom:var(--space-xs)}.feature-card__description{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.code-block{position:relative;background:var(--cyber-void-500);border:1px solid var(--color-border-default);border-radius:var(--radius-cyber);overflow:hidden;margin-bottom:var(--space-md)}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyber-cyan-500),var(--cyber-magenta-500),var(--cyber-cyan-500));background-size:200% 100%;animation:code-glow-slide 3s linear infinite}.code-block__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--cyber-cyan-500) 5%,transparent) 0%,transparent 50%);z-index:0}.code-block__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--cyber-void-300);border-bottom:1px solid var(--color-border-default);position:relative;z-index:1}.code-block__dots{display:flex;gap:var(--space-2xs)}.code-block__dot{width:10px;height:10px;border-radius:50%;opacity:.8}.code-block__dot--red{background:var(--cyber-magenta-500);box-shadow:0 0 6px var(--cyber-magenta-500)}.code-block__dot--yellow{background:var(--cyber-yellow-500);box-shadow:0 0 6px var(--cyber-yellow-500)}.code-block__dot--green{background:var(--cyber-green-500);box-shadow:0 0 6px var(--cyber-green-500)}.code-block__title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.code-block__language{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cyber-cyan-500);padding:var(--space-2xs) var(--space-xs);background:color-mix(in srgb,var(--cyber-cyan-500) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyber-cyan-500) 30%,transparent);border-radius:var(--radius-sm)}.code-block__copy{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.code-block__copy:hover{color:var(--cyber-cyan-500);border-color:var(--cyber-cyan-500);background:color-mix(in srgb,var(--cyber-cyan-500) 10%,transparent)}.code-block__copy--copied{color:var(--cyber-green-500);border-color:var(--cyber-green-500);background:color-mix(in srgb,var(--cyber-green-500) 10%,transparent)}.code-block__copy--copied:hover{color:var(--cyber-green-500);border-color:var(--cyber-green-500)}.code-block__copy svg{flex-shrink:0}.code-block__content{position:relative;z-index:1;overflow:auto;max-height:500px}.code-block__content pre{margin:0;padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;overflow:visible}.code-block__line{display:flex;min-height:1.7em}.code-block__line:hover{background:color-mix(in srgb,var(--cyber-cyan-500) 5%,transparent)}.code-block__line-number{flex-shrink:0;width:3em;padding-right:var(--space-md);text-align:right;color:var(--cyber-chrome-600);-webkit-user-select:none;user-select:none;border-right:1px solid var(--color-border-default);margin-right:var(--space-md)}.code-block__line-content{flex:1;white-space:pre}@keyframes code-glow-slide{0%{background-position:0% 50%}to{background-position:200% 50%}}.code-examples__tabs{display:flex;gap:var(--space-2xs);margin-bottom:var(--space-md);flex-wrap:wrap}.code-examples__tab{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.code-examples__tab:hover{color:var(--cyber-cyan-500);border-color:var(--cyber-cyan-500)}.code-examples__tab--active{color:var(--cyber-cyan-500);border-color:var(--cyber-cyan-500);background:color-mix(in srgb,var(--cyber-cyan-500) 10%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--cyber-cyan-500) 20%,transparent)}