*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f0f0f0;color:#333;font-family:'Montserrat',sans-serif}.hero{min-height:80vh;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:4rem;color:#fff;margin-bottom:1rem;font-weight:700}p{color:#fff;font-size:1.1rem;opacity:.9}.content{padding:4rem 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.box{background:#fff;padding:3rem 2rem;text-align:center;border-radius:8px;font-weight:700;font-size:1.2rem;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s}@keyframes grow{from{opacity:0;scale:0.8}to{opacity:1;scale:1}}.box{animation:grow .6s ease-out forwards;opacity:0}.box:nth-child(1){animation-delay:.1s}.box:nth-child(2){animation-delay:.2s}.box:nth-child(3){animation-delay:.3s}.box:hover{box-shadow:0 8px 20px rgba(102,126,234,.3);transform:translateY(-5px)}footer{padding:2rem;text-align:center;background:#ddd;color:#666}