:root{--bg-primary: #07020d;--bg-dark: #07020d;--bg-paper: #0e051a;--bg-card: rgba(16, 6, 32, .75);--text-primary: #FFFFFF;--text-muted: #A0A0C0;--text-inverse: #07020d;--neon-cyan: #00F0FF;--neon-pink: #FF007F;--neon-yellow: #FFE600;--neon-purple: #9D00FF;--neon-magenta: #FF0055;--neon-mint: #00E599;--border-width-sm: 1px;--border-width-md: 1.5px;--border-width-lg: 2px;--border-color: rgba(0, 240, 255, .4);--border-solid: 1.5px solid rgba(0, 240, 255, .4);--border-pink: 1.5px solid rgba(255, 0, 127, .5);--glow-cyan: 0 0 15px rgba(0, 240, 255, .4);--glow-pink: 0 0 15px rgba(255, 0, 127, .4);--glow-yellow: 0 0 15px rgba(255, 230, 0, .4);--glow-lg: 0 0 30px rgba(0, 240, 255, .5), inset 0 0 15px rgba(0, 240, 255, .2);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px}@keyframes mouseScrollBounce{0%{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGeometric{0%,to{transform:scale(1);box-shadow:4px 4px #0a0a0a}50%{transform:scale(1.04) translate(-2px,-2px);box-shadow:8px 8px 0 var(--cobalt-blue)}}@keyframes countPulse{0%,to{transform:scale(1);box-shadow:4px 4px #0a0a0a}50%{transform:scale(1.12) translate(-2px,-2px);box-shadow:8px 8px #ffe600}}@keyframes pulseGlowRed{0%,to{box-shadow:0 0 #ff2a0066}50%{box-shadow:0 0 0 10px #ff2a0000}}@keyframes pulseGlowBlue{0%,to{box-shadow:0 0 #0038ff66}50%{box-shadow:0 0 0 10px #0038ff00}}@keyframes strokeDraw{to{stroke-dashoffset:0}}@keyframes stripeMarch{0%{background-position:0 0}to{background-position:40px 0}}@keyframes stackPush{0%{opacity:0;transform:translateY(-40px) scale(.9)}70%{transform:translateY(4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stackPop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.85)}}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitCounterRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes flowPulse{0%{stroke-dashoffset:20;opacity:.4}50%{opacity:1}to{stroke-dashoffset:0;opacity:.4}}.animate-spin-slow{animation:rotateSlow 20s linear infinite}.animate-spin-medium{animation:rotateSlow 8s linear infinite}.animate-spin-fast{animation:rotateFast 1.5s linear infinite}.animate-float{animation:floatGentle 4s ease-in-out infinite}.animate-count-pulse{animation:countPulse 2s ease-in-out infinite}.animate-marquee{display:flex;width:max-content;animation:marquee 25s linear infinite}.animate-marquee:hover{animation-play-state:paused}.cursor-blink{animation:blinkCursor 1s infinite}.reveal-init{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;overflow-x:hidden;background-image:linear-gradient(to right,rgba(10,10,10,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(10,10,10,.05) 1px,transparent 1px);background-size:48px 48px,48px 48px;background-position:0 0,0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-paper);border-left:var(--border-solid)}::-webkit-scrollbar-thumb{background:var(--text-primary);border:1px solid var(--bg-paper)}::-webkit-scrollbar-thumb:hover{background:var(--cobalt-blue)}::selection{background-color:var(--canary-yellow);color:#0a0a0a}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}.section-wrapper{padding:clamp(3.5rem,8vw,7rem) 0;border-bottom:var(--border-thick);position:relative}.section-header{margin-bottom:clamp(2rem,5vw,3.5rem);display:flex;flex-direction:column;gap:.75rem}.section-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700;background:var(--canary-yellow);color:#0a0a0a;padding:.25rem .75rem;border:var(--border-solid);box-shadow:var(--shadow-sm);width:fit-content;text-transform:uppercase}.section-title{font-size:clamp(2rem,5vw,3.75rem);font-weight:900;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);max-width:680px;font-weight:500}.brutal-card{background:var(--bg-card);border:var(--border-solid);box-shadow:var(--shadow-md);padding:clamp(1.25rem,3vw,2rem);position:relative;transition:transform .15s ease,box-shadow .15s ease}.brutal-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover-md)}.brutal-card-dark{background:var(--bg-dark);color:var(--text-inverse);border:var(--border-solid);box-shadow:var(--shadow-md)}.brutal-card-blue{background:var(--cobalt-blue);color:#fff;border:var(--border-solid);box-shadow:var(--shadow-md)}.brutal-card-yellow{background:var(--canary-yellow);color:#0a0a0a;border:var(--border-solid);box-shadow:var(--shadow-md)}.brutal-card-red{background:var(--vermilion-red);color:#fff;border:var(--border-solid);box-shadow:var(--shadow-md)}.brutal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-transform:uppercase;padding:.65rem 1.25rem;background:var(--bg-card);color:var(--text-primary);border:var(--border-solid);box-shadow:var(--shadow-md);cursor:pointer;outline:none;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease,background .15s ease;-webkit-user-select:none;user-select:none}.brutal-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover-md);background:var(--bg-paper)}.brutal-btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-active)}.brutal-btn-primary{background:var(--cobalt-blue);color:#fff}.brutal-btn-primary:hover{background:#002ecc;color:#fff}.brutal-btn-danger{background:var(--vermilion-red);color:#fff}.brutal-btn-danger:hover{background:#e02500;color:#fff}.brutal-btn-accent{background:var(--canary-yellow);color:#0a0a0a}.brutal-btn-accent:hover{background:#ebd400}.brutal-btn-sm{padding:.35rem .75rem;font-size:.8rem;box-shadow:var(--shadow-sm)}.brutal-btn-sm:hover{box-shadow:var(--shadow-md)}.brutal-pill{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.2rem .6rem;border:1.5px solid var(--border-color);background:var(--bg-paper);color:var(--text-primary);box-shadow:2px 2px 0 var(--border-color)}.pill-blue{background:var(--cobalt-blue);color:#fff}.pill-yellow{background:var(--canary-yellow);color:#000}.pill-red{background:var(--vermilion-red);color:#fff}.pill-mint{background:var(--emerald-mint);color:#000}.hazard-divider{height:12px;width:100%;border-top:var(--border-solid);border-bottom:var(--border-solid);background:repeating-linear-gradient(-45deg,#0A0A0A,#0A0A0A 10px,var(--canary-yellow) 10px,var(--canary-yellow) 20px)}.bauhaus-divider{height:14px;width:100%;display:flex;border-top:var(--border-solid);border-bottom:var(--border-solid)}.bauhaus-divider>div:nth-child(1){flex:1;background:var(--cobalt-blue)}.bauhaus-divider>div:nth-child(2){flex:1;background:var(--canary-yellow)}.bauhaus-divider>div:nth-child(3){flex:1;background:var(--vermilion-red)}.bauhaus-divider>div:nth-child(4){flex:1;background:#0a0a0a}.grid-responsive-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:clamp(1.25rem,3vw,2.5rem)}.grid-responsive-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(1rem,2.5vw,2rem)}.grid-responsive-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem}.brutal-code-panel{background:#0a0a0a;color:#f8f8f8;border:var(--border-solid);box-shadow:var(--shadow-md);font-family:var(--font-mono);font-size:.85rem;overflow:hidden}.code-header{background:#181818;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333333}.code-dots{display:flex;gap:6px}.code-dot{width:10px;height:10px;border-radius:50%;border:1px solid #000}.code-body{padding:1rem;overflow-x:auto;line-height:1.6}.code-line{display:flex;align-items:center;padding:2px 6px;border-radius:2px;transition:background .15s ease}.code-line.active{background:#ffe60033;border-left:3px solid var(--canary-yellow);color:var(--canary-yellow);font-weight:700}.code-linenum{width:2rem;color:#666;-webkit-user-select:none;user-select:none}.brutal-tooltip{position:absolute;background:#0a0a0a;color:#fff;font-family:var(--font-mono);font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--canary-yellow);pointer-events:none;z-index:50;box-shadow:2px 2px 0 var(--canary-yellow)}@media (max-width: 768px){#synth-branding-logo{top:1rem!important;left:1rem!important;padding:.45rem .85rem!important}#synth-branding-logo>div:first-child{font-size:.95rem!important}}