*{margin:0;padding:0;box-sizing:border-box}:root{--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--accent:#00ff88;--accent-dim:#00cc6a;--glitch-r:#ff0000;--glitch-g:#00ff00;--glitch-b:#0000ff;--rgb-x:0px;--rgb-y:0px;--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}html{scroll-behavior:auto}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3,h4,h5,h6{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.03em}code{font-family:'JetBrains Mono',monospace;font-size:0.85em;background:var(--surface);padding:0.15em 0.4em;border-radius:4px}._a{max-width:1000px;margin:0 auto;padding:5rem 2rem}._b{text-align:center;margin-bottom:6rem;padding-top:2rem}._c{font-size:clamp(2.5rem,7vw,4rem);font-weight:700;letter-spacing:-0.03em;margin-bottom:1rem}._f{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto}._c._d{display:inline-block}._g{margin-bottom:8rem;padding-bottom:4rem;border-bottom:1px solid var(--border)}._g:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}._h{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}._i{font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:600;color:var(--accent);letter-spacing:0.1em}._j{font-family:'Space Grotesk',system-ui,sans-serif;font-size:0.875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted)}._k{padding-left:3rem}._l{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.demo-area{display:flex;align-items:center;justify-content:center;min-height:200px;padding:3rem;background:var(--surface);border-radius:16px;border:1px solid var(--border);position:relative;overflow:hidden}.demo-area::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:0.03;pointer-events:none}.demo-area--tall{min-height:280px}.demo-area--gradient{background:linear-gradient(135deg,var(--surface) 0%,rgba(0,255,136,0.05) 100%)}.demo-area--danger{background:linear-gradient(135deg,var(--surface) 0%,rgba(255,0,64,0.08) 100%);border-color:rgba(255,0,64,0.2)}._o{font-family:'Syne',system-ui,sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:800;letter-spacing:-0.02em;line-height:1.1;display:inline-block;cursor:default;user-select:none;position:relative}._v{font-family:'JetBrains Mono',monospace;letter-spacing:0.05em}._t{font-size:clamp(3rem,10vw,6rem)}._m{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}._n{padding:2.5rem 2rem;background:var(--surface-light);border:1px solid var(--border);border-radius:16px;text-align:center;cursor:pointer;transition:all 0.4s var(--ease-out-expo)}._n:hover,._n:focus-visible{border-color:var(--accent);background:rgba(0,255,136,0.05);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.4)}._n:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._n ._o{font-family:'JetBrains Mono',monospace;font-size:1.5rem;letter-spacing:0.05em;margin-bottom:1rem;display:block;color:var(--text)}._p{font-family:'JetBrains Mono',monospace;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:var(--text-secondary)}._q{display:flex;gap:1rem;flex-wrap:wrap}._r{font-family:'Syne',system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text);text-decoration:none;padding:1rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:100px;position:relative;transition:all 0.3s var(--ease-out-expo);overflow:hidden}._r:hover,._r:focus-visible{border-color:var(--text);background:var(--surface-light)}._r:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._d{position:relative;display:inline-block}._d::before,._d::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 0.1s}._d::before{color:var(--glitch-r);transform:translate(calc(var(--rgb-x) * -1),calc(var(--rgb-y) * -0.5));mix-blend-mode:screen}._d::after{color:var(--glitch-b);transform:translate(var(--rgb-x),calc(var(--rgb-y) * 0.5));mix-blend-mode:screen}._d.is-glitching::before,._d.is-glitching::after{opacity:0.8}._e{--rgb-x:0px;--rgb-y:0px}._e::before,._e::after{opacity:0.7}._s{padding:4rem 3rem;background:linear-gradient(135deg,rgba(255,0,0,0.08) 0%,var(--surface) 30%,var(--surface) 70%,rgba(0,0,255,0.08) 100% );border-radius:16px;border:1px solid var(--border);text-align:center;position:relative;overflow:hidden}._s::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:0.04;pointer-events:none}._s ._o{color:var(--text)}._u{padding:4rem 3rem;background:linear-gradient(180deg,rgba(255,0,64,0.1) 0%,var(--surface) 30%,var(--surface) 70%,rgba(255,0,64,0.1) 100% );border-radius:16px;border:1px solid rgba(255,0,64,0.3);text-align:center;position:relative;overflow:hidden}._u::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent 0px,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px );pointer-events:none;animation:scanlines 0.08s linear infinite}._u::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.02);pointer-events:none;animation:flicker 0.15s infinite}@keyframes scanlines{0%{transform:translateY(0)}100%{transform:translateY(4px)}}@keyframes flicker{0%,100%{opacity:0.97}50%{opacity:1}}._u ._o{color:var(--text);text-shadow:0 0 30px rgba(255,255,255,0.3)}.glitch-slice{position:relative}._w{padding:4rem 3rem;background:linear-gradient(135deg,rgba(255,0,0,0.05) 0%,var(--surface) 25%,var(--surface) 75%,rgba(0,0,255,0.05) 100% );border-radius:16px;border:1px solid var(--border);text-align:center;position:relative;overflow:hidden}._w::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:0.04;pointer-events:none}._w ._o{color:var(--text);text-shadow:0 0 40px rgba(255,255,255,0.2)}@media (max-width:768px){._a{padding:3rem 1.5rem}._b{margin-bottom:4rem}._g{margin-bottom:5rem;padding-bottom:3rem}._k{padding-left:0}._m{grid-template-columns:1fr}._q{flex-direction:column}._r{text-align:center}.jitter-buttons{flex-direction:column}.jitter-btn{width:100%}.demo-area{padding:2rem 1.5rem;min-height:180px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}._d::before,._d::after,._u::before,._u::after{display:none}}