*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#1A2E1F;color:#C4E24A;font-family:'Inter',sans-serif;overflow-x:hidden}
.scan-line{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#2EC4B6,transparent);z-index:9999;animation:scanMove 3s linear infinite;pointer-events:none}
@keyframes scanMove{0%{top:0}100%{top:100vh}}

.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px 24px;background:radial-gradient(ellipse at center,#0B3B34 0%,#1A2E1F 70%)}
.hero-hud{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between}
.hud-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#2EC4B6;letter-spacing:.2em;opacity:.6}
.hero-center{text-align:center;position:relative;z-index:1}
.gear-icon{width:120px;height:120px;margin-bottom:24px;animation:gearSpin 20s linear infinite}
@keyframes gearSpin{to{transform:rotate(360deg)}}
.hero-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:700;letter-spacing:.05em;line-height:1;color:#C4E24A}
.title-dot{color:#E83A3A}
.hero-sub{font-family:'JetBrains Mono',monospace;font-size:clamp(.8rem,1.3vw,1rem);color:#2EC4B6;margin-top:16px;opacity:.7}
.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#2EC4B608 1px,transparent 1px),linear-gradient(90deg,#2EC4B608 1px,transparent 1px);background-size:60px 60px;pointer-events:none}

.modules{max-width:1000px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.module{background:#0B3B34;border:1px solid #2EC4B630;border-radius:12px;padding:36px;transition:border-color .3s,transform .3s}
.module:hover{border-color:#2EC4B6;transform:translateY(-4px)}
.mod-number{font-family:'JetBrains Mono',monospace;font-size:2.5rem;font-weight:700;color:#E83A3A;opacity:.3;margin-bottom:8px}
.mod-title{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:12px;letter-spacing:.05em}
.mod-text{font-size:.88rem;line-height:1.7;color:#C4E24A;opacity:.7;margin-bottom:16px}
.mod-bar{height:4px;background:#1A2E1F;border-radius:2px;overflow:hidden}
.bar-fill{height:100%;border-radius:2px;width:0;transition:width 1.5s ease}
.fill-1{background:#2EC4B6}
.fill-2{background:#C4E24A}
.fill-3{background:#E83A3A}

.stats-band{display:flex;justify-content:center;gap:60px;padding:60px 24px;flex-wrap:wrap}
.stat{text-align:center}
.stat-num{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#2EC4B6;display:block}
.stat-label{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.2em;color:#C4E24A;opacity:.5}

.terminal{max-width:700px;margin:0 auto 80px;border-radius:12px;overflow:hidden;border:1px solid #2EC4B630;margin-left:auto;margin-right:auto}
.terminal-header{background:#0B3B34;padding:12px 16px;display:flex;align-items:center;gap:8px}
.term-dot{width:10px;height:10px;border-radius:50%}
.d1{background:#E83A3A}.d2{background:#C4E24A}.d3{background:#2EC4B6}
.term-title{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#2EC4B6;opacity:.5;margin-left:8px}
.terminal-body{background:#0B3B34;padding:20px;font-family:'JetBrains Mono',monospace;font-size:.8rem;line-height:1.8}
.term-line{color:#C4E24A}
.term-line.output{color:#2EC4B6;padding-left:16px}
.blink{animation:blinker 1s step-end infinite}
@keyframes blinker{50%{opacity:0}}

.footer{text-align:center;padding:40px 24px;border-top:1px solid #2EC4B620}
.footer-text{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:#2EC4B6;opacity:.4}

@media(max-width:640px){.stats-band{gap:30px}.modules{padding:40px 16px}}