.page{font-family:Segoe UI,sans-serif;background:#f9fafc;color:#222;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 80px;background:#fff;box-shadow:0 2px 12px #00000014}.logo{font-size:20px;font-weight:700}.navbar nav{display:flex;gap:25px}.navbar nav a{text-decoration:none;font-weight:500;color:#333;transition:.3s}.navbar nav a:hover{color:#ff0080}.hero{display:flex;justify-content:space-between;align-items:center;padding:80px;gap:50px}.hero-text{flex:1}.hero-text h1{font-size:55px;font-weight:800;line-height:1.2}.hero-text h1 span{color:#ff0080}.hero-text h3{margin-top:15px;font-size:18px;font-weight:500;color:gray}.hero-text p{margin-top:20px;font-size:16px;line-height:1.7;max-width:520px;color:#444}.buttons{margin-top:30px}.buttons a{display:inline-block;margin-right:15px;padding:12px 25px;border-radius:25px;background:#000;color:#fff;font-weight:700;text-decoration:none;transition:.3s}.buttons a:hover{background:#ff0080}.hero-photo{flex:1;display:flex;justify-content:center}.hero-photo img{width:320px;height:420px;object-fit:cover;border-radius:25px;box-shadow:0 8px 20px #0003}.section{padding:70px 80px;text-align:center}.section h2{font-size:38px;margin-bottom:10px}.subtitle{color:gray;margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.card{background:#fff;padding:22px;border-radius:18px;text-align:left;box-shadow:0 3px 10px #0000001a;transition:.3s}.card:hover{transform:translateY(-6px);border:1px solid #ff0080}.card h4{margin-bottom:10px}footer{text-align:center;padding:25px;color:gray}@media(max-width:900px){.hero{flex-direction:column;text-align:center}.hero-photo img{width:260px;height:auto}.navbar{flex-direction:column;gap:15px}}body{margin:0;padding:0}