.CodeShowcase-module__6Ahl1q__codeShowcase{padding:var(--space-24)0;background:var(--bg-dark);position:relative;overflow:hidden}.CodeShowcase-module__6Ahl1q__codeShowcase:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#0ea5c008 1px,#0000 1px),linear-gradient(90deg,#0ea5c008 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.CodeShowcase-module__6Ahl1q__showcaseGrid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.CodeShowcase-module__6Ahl1q__showcaseContent{z-index:1;position:relative}.CodeShowcase-module__6Ahl1q__sectionLabel{align-items:center;gap:var(--space-2);font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-4);font-size:.7rem;font-weight:700;display:inline-flex}.CodeShowcase-module__6Ahl1q__showcaseTitle{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:#fff;margin-bottom:var(--space-4);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800}.CodeShowcase-module__6Ahl1q__titleAccent{color:var(--accent-teal)}.CodeShowcase-module__6Ahl1q__showcaseDesc{color:#fff9;margin-bottom:var(--space-8);font-size:1rem;line-height:1.8}.CodeShowcase-module__6Ahl1q__techBadges{gap:var(--space-2);flex-wrap:wrap;display:flex}.CodeShowcase-module__6Ahl1q__techBadge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);color:#fffc;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;font-family:Fira Code,Consolas,monospace;font-size:.75rem;font-weight:500;display:inline-flex}.CodeShowcase-module__6Ahl1q__techBadge:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:#0ea5c014}.CodeShowcase-module__6Ahl1q__activeBadge{border-color:var(--accent-teal);color:#fff;background:#0ea5c026;box-shadow:0 0 12px #53aeba40}@keyframes CodeShowcase-module__6Ahl1q__fadeInCode{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.CodeShowcase-module__6Ahl1q__techDot{border-radius:50%;width:6px;height:6px}.CodeShowcase-module__6Ahl1q__ideWindow{z-index:1;border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d}.CodeShowcase-module__6Ahl1q__ideHeader{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:#1e1e2e;border-bottom:1px solid #ffffff0f;display:flex}.CodeShowcase-module__6Ahl1q__ideDots{gap:6px;display:flex}.CodeShowcase-module__6Ahl1q__ideDot{border-radius:50%;width:10px;height:10px}.CodeShowcase-module__6Ahl1q__ideDotRed{background:#ff5f57}.CodeShowcase-module__6Ahl1q__ideDotYellow{background:#febc2e}.CodeShowcase-module__6Ahl1q__ideDotGreen{background:#28c840}.CodeShowcase-module__6Ahl1q__ideTabs{margin-left:var(--space-4);gap:0;display:flex}.CodeShowcase-module__6Ahl1q__ideTab{padding:var(--space-1)var(--space-4);color:#fff6;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;font-family:Fira Code,Consolas,monospace;font-size:.7rem}.CodeShowcase-module__6Ahl1q__ideTab.CodeShowcase-module__6Ahl1q__active{color:var(--accent-teal);border-bottom-color:var(--accent-teal);background:#0ea5c00d}.CodeShowcase-module__6Ahl1q__ideTab:hover:not(.CodeShowcase-module__6Ahl1q__active){color:#ffffffb3}.CodeShowcase-module__6Ahl1q__ideBody{padding:var(--space-6);background:#11111b;min-height:320px;animation:.3s CodeShowcase-module__6Ahl1q__fadeInCode;position:relative}.CodeShowcase-module__6Ahl1q__codeLine{gap:var(--space-4);font-family:Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.8;display:flex}.CodeShowcase-module__6Ahl1q__lineNum{color:#ffffff26;-webkit-user-select:none;user-select:none;text-align:right;min-width:24px}.CodeShowcase-module__6Ahl1q__lineContent{flex:1}.CodeShowcase-module__6Ahl1q__keyword{color:#c678dd}.CodeShowcase-module__6Ahl1q__function{color:#61afef}.CodeShowcase-module__6Ahl1q__string{color:#98c379}.CodeShowcase-module__6Ahl1q__comment{color:#ffffff40;font-style:italic}.CodeShowcase-module__6Ahl1q__variable{color:#e06c75}.CodeShowcase-module__6Ahl1q__property{color:#e5c07b}.CodeShowcase-module__6Ahl1q__operator{color:#56b6c2}.CodeShowcase-module__6Ahl1q__tag{color:#e06c75}.CodeShowcase-module__6Ahl1q__attr{color:#d19a66}.CodeShowcase-module__6Ahl1q__value{color:#98c379}.CodeShowcase-module__6Ahl1q__bracket{color:#fff6}.CodeShowcase-module__6Ahl1q__number{color:#d19a66}.CodeShowcase-module__6Ahl1q__type{color:#e5c07b}.CodeShowcase-module__6Ahl1q__punctuation{color:#ffffff80}.CodeShowcase-module__6Ahl1q__cursor{background:var(--accent-teal);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite CodeShowcase-module__6Ahl1q__blink;display:inline-block}@keyframes CodeShowcase-module__6Ahl1q__blink{50%{opacity:0}}.CodeShowcase-module__6Ahl1q__terminalPanel{padding:var(--space-4)var(--space-6);background:#0d0d14;border-top:1px solid #ffffff0f}.CodeShowcase-module__6Ahl1q__terminalHeader{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.CodeShowcase-module__6Ahl1q__terminalLabel{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;font-family:Fira Code,Consolas,monospace;font-size:.65rem;font-weight:700}.CodeShowcase-module__6Ahl1q__terminalLine{color:#ffffff80;font-family:Fira Code,Consolas,monospace;font-size:.75rem;line-height:1.8}.CodeShowcase-module__6Ahl1q__terminalPrompt{color:var(--accent-teal)}.CodeShowcase-module__6Ahl1q__terminalSuccess{color:#28c840}.CodeShowcase-module__6Ahl1q__terminalWarning{color:#febc2e}@media (max-width:768px){.CodeShowcase-module__6Ahl1q__codeShowcase{padding:var(--space-14)0}.CodeShowcase-module__6Ahl1q__showcaseGrid{gap:var(--space-6);grid-template-columns:1fr}.CodeShowcase-module__6Ahl1q__showcaseTitle{font-size:clamp(1.3rem,5.5vw,1.8rem)}.CodeShowcase-module__6Ahl1q__showcaseDesc{font-size:.85rem}.CodeShowcase-module__6Ahl1q__ideBody{min-height:120px;padding:var(--space-3)var(--space-4);overflow-x:auto}.CodeShowcase-module__6Ahl1q__codeLine{gap:var(--space-2);font-size:.6rem;line-height:1.6}.CodeShowcase-module__6Ahl1q__lineNum{min-width:16px}.CodeShowcase-module__6Ahl1q__ideLine{line-height:1.6}.CodeShowcase-module__6Ahl1q__tabLabel{font-size:.6rem}.CodeShowcase-module__6Ahl1q__terminal{padding:var(--space-2)var(--space-4)}.CodeShowcase-module__6Ahl1q__terminalLine{font-size:.6rem;line-height:1.5}.CodeShowcase-module__6Ahl1q__techGrid{gap:var(--space-2)}.CodeShowcase-module__6Ahl1q__techItem{padding:var(--space-1)var(--space-3);font-size:.65rem}}