:root{--bg-color:#121212;--card-bg:#1e1e1e;--text-main:#f5f5f5;--text-muted:#a0a0a0;--accent-color:#ff5722;--font-main:"Inter", sans-serif;--font-code:"Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.hero{text-align:center;background:radial-gradient(circle at 50% -20%, #2a1610 0%, var(--bg-color) 70%);padding:100px 0 60px}.hero-title{letter-spacing:-.05em;background:linear-gradient(135deg,#ff5722 0%,#ff9800 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #ff572233;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(3rem,8vw,6rem);font-weight:900}.hero-timer{font-family:var(--font-code);word-spacing:5px;margin-bottom:20px;font-size:clamp(1rem,3vw,2rem);font-weight:700}.accent{color:var(--accent-color)}.hero-subtitle{color:var(--text-muted);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:40px 0 80px;display:grid}.feature-card{background-color:var(--card-bg);border:1px solid #ff57221a;border-radius:12px;padding:40px 30px;transition:transform .3s,border-color .3s}.feature-card:hover{border-color:#ff572266;transform:translateY(-5px)}.feature-card h2{color:var(--text-main);margin-bottom:15px;font-size:1.5rem}.feature-card p{color:var(--text-muted);font-size:1.1rem}.code-font{font-family:var(--font-code);color:var(--accent-color);background:#ff57221a;border-radius:4px;padding:2px 6px;font-size:.9em}.wide-card{text-align:center;grid-column:1/-1}.wide-card h2{font-size:2rem}.wide-card .code-font{margin-bottom:15px;padding:10px 20px;font-size:clamp(1rem,2.5vw,1.5rem);display:inline-block}@media (width<=768px){.hero{padding:60px 0 40px}.feature-card{padding:30px 20px}}