body { font-family: 'Segoe UI', Tahoma, sans-serif; margin:0; background:#f9fafb; color:#1f2937; line-height:1.8; }
header { background:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%); color:white; padding:40px 20px; text-align:center; }
header h1 { margin:0; font-size:36px; font-weight:700; }
header p { font-size:18px; margin-top:10px; font-weight:500; }
.banner { width:100%; max-height:800px; object-fit:cover; display:block; }
.video-section { text-align:center; margin:40px 0; }
.video-section video, .video-section iframe { max-width:100%; border-radius:15px; }
nav { background:#0c4a6e; padding:15px; text-align:center; position:sticky; top:0; z-index:100; }
nav a { color:white; margin:0 15px; text-decoration:none; font-weight:600; transition:0.3s; }
nav a:hover { color:#7dd3fc; }
section { padding:60px 20px; max-width:1100px; margin:auto; }
h2 { color:#0c4a6e; text-align:center; margin-bottom:30px; font-size:32px; font-weight:700; }
h3 { color:#1e293b; font-size:22px; margin-top:25px; margin-bottom:12px; }
.btn { display:inline-block; background:#25D366; color:white; padding:14px 30px; border-radius:50px; text-decoration:none; margin:10px 5px; font-weight:600; border:none; cursor:pointer; transition:0.3s; }
.btn:hover { transform:translateY(-2px); box-shadow:0 5px 15px rgba(0,0,0,0.2); }
.btn-fb { background:#1877F2; }
.btn-reg { background:#0ea5e9; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px; }
.card { background:white; padding:25px; border-radius:15px; box-shadow:0 4px 15px rgba(0,0,0,0.08); text-align:center; transition:0.3s; }
.card:hover { transform:translateY(-5px); box-shadow:0 8px 25px rgba(0,0,0,0.12); }
.card h3 { color:#0c4a6e; margin-bottom:12px; }
.reviews { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; }
.review { background:white; padding:20px; border-radius:12px; border-left:5px solid #0ea5e9; box-shadow:0 2px 10px rgba(0,0,0,0.06); }
.review p { font-style:italic; color:#475569; margin-bottom:10px; }
.review strong { color:#1e293b; }
form { background:white; padding:40px; border-radius:15px; box-shadow:0 4px 20px rgba(0,0,0,0.08); max-width:650px; margin:auto; }
input, select, textarea { width:100%; padding:14px; margin:10px 0 20px; border:2px solid #e2e8f0; border-radius:10px; font-size:16px; box-sizing:border-box; font-family:inherit; }
input:focus, select:focus, textarea:focus { outline:none; border-color:#0ea5e9; }
label { font-weight:700; color:#1e293b; display:block; }
footer { background:#0f172a; color:#cbd5e1; text-align:center; padding:35px 20px; margin-top:60px; }
.whatsapp-float { position:fixed; bottom:25px; right:25px; background:#25D366; color:white; border-radius:50%; width:65px; height:65px; display:flex; align-items:center; justify-content:center; font-size:32px; text-decoration:none; box-shadow:0 4px 15px rgba(0,0,0,0.3); z-index:1000; transition:0.3s; }
.whatsapp-float:hover { transform:scale(1.1); }