*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#1e1e1e;color:#d4d4d4;font-family:'Courier Prime',monospace}main{width:100%}.hero{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:#252526;border-bottom:2px solid #6a9955}h1{font-size:clamp(2rem,6vw,4rem);color:#6a9955;margin-bottom:1rem;font-weight:700}p{color:#9cdcfe;font-size:1.1rem}.code-section{padding:3rem 2rem;background:#1e1e1e;max-width:800px;margin:0 auto;border:1px solid #404040}pre{overflow-x:auto}code{color:#d4d4d4;line-height:1.6;font-size:.95rem}.features{padding:3rem 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.feature{background:#252526;padding:2rem;text-align:center;border:1px solid #404040;color:#6a9955;font-weight:700;transition:all .3s}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feature{animation:slideDown .6s ease-out forwards;opacity:0}.feature:nth-child(1){animation-delay:.1s}.feature:nth-child(2){animation-delay:.2s}.feature:nth-child(3){animation-delay:.3s}.feature:hover{background:#404040;color:#9cdcfe}