@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:#FFF8F0;color:#1A1A1A}.header{display:flex;justify-content:space-between;padding:2rem;border-bottom:1px solid rgba(0,0,0,0.1)}.logo{font-size:1.8rem;font-weight:700;color:#FF6B9D}nav a{color:#1A1A1A;text-decoration:none;font-weight:500}main{max-width:1200px;margin:0 auto;padding:3rem 2rem}.hero{text-align:center;padding:3rem;animation:fadeIn 0.8s}.hero h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}.hero p{color:#666;margin-bottom:2rem}.btn{padding:0.8rem 2rem;background:#FF6B9D;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.3s}.btn:hover{background:#ff5a8d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0}.card{padding:2rem;background:#fff;border-radius:12px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.08);animation:slideUp 0.6s forwards;opacity:0}.card:nth-child(1){animation-delay:0.1s}.card:nth-child(2){animation-delay:0.2s}.card:nth-child(3){animation-delay:0.3s}.card:nth-child(4){animation-delay:0.4s}.card:hover{transform:translateY(-6px)}.card span{font-size:2.5rem}.card h3{margin-top:1rem}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}