*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#1a1a1a;color:#fff;font-family:'Roboto',sans-serif}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}h1{font-size:clamp(2rem,8vw,5rem);font-weight:700;margin-bottom:1rem}p{font-size:1.1rem;opacity:.8}.section{padding:6rem 2rem;text-align:center}h2{font-size:2rem;margin-bottom:3rem}.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.box{background:#333;padding:2rem;border-radius:4px;transition:all .3s;animation:enter .6s ease-out forwards;opacity:0}@keyframes enter{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.box:nth-child(1){animation-delay:.1s}.box:nth-child(2){animation-delay:.2s}.box:nth-child(3){animation-delay:.3s}.box:nth-child(4){animation-delay:.4s}.box:hover{background:#444;transform:translateY(-5px)}.footer{padding:3rem 2rem;text-align:center;background:#0a0a0a}