* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Poppins',sans-serif; color:#333; line-height:1.6; background:#fff; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { max-width:100%; }

/* TOP BAR */
.top-bar { background:#0077b6; color:#fff; font-size:13px; padding:8px 0; }
.top-bar-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.top-bar i { margin-right:6px; }

/* HEADER */
.header { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.08); position:sticky; top:0; z-index:1000; }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; gap:15px; }
.logo { display:flex; align-items:center; gap:12px; }
.logo-box { background:#B8DCE6; border:2px solid #999; padding:8px 10px; text-align:center; border-radius:6px; min-width:105px; }
.logo-main { display:block; font-weight:800; color:#E30613; font-size:16px; }
.logo-sub { display:block; font-size:10px; font-weight:600; color:#333; }
.logo-tag { display:block; font-size:9px; font-style:italic; color:#666; }
.logo-text h1 { font-size:18px; color:#E30613; line-height:1.1; }
.logo-text p { font-size:11px; color:#0077b6; font-weight:500; margin-top:2px; }

.nav { display:flex; gap:22px; }
.nav a { font-weight:500; color:#333; font-size:14px; transition:.3s; position:relative; }
.nav a:hover { color:#0077b6; }
.nav a::after { content:''; position:absolute; bottom:-5px; left:0; width:0; height:2px; background:#E30613; transition:.3s; }
.nav a:hover::after { width:100%; }

.menu-toggle { display:none; font-size:22px; cursor:pointer; color:#0077b6; }

/* HERO */
.hero { background:linear-gradient(135deg,#B8DCE6 0%,#e8f4f8 100%); padding:70px 0; }
.hero-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center; }
.badge { display:inline-block; background:#fff; color:#0077b6; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:600; margin-bottom:15px; box-shadow:0 2px 8px rgba(0,0,0,0.08); }
.badge i { color:#E30613; margin-right:4px; }
.hero-text h2 { font-size:42px; font-weight:800; line-height:1.2; color:#1a1a1a; margin-bottom:15px; }
.highlight { color:#E30613; }
.hero-text p { font-size:16px; color:#555; margin-bottom:25px; max-width:520px; }
.hero-btns { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:25px; }
.btn { display:inline-flex; align-items:center; gap:8px; padding:12px 24px; border-radius:6px; font-weight:600; font-size:14px; cursor:pointer; border:none; transition:.3s; }
.btn-primary { background:#E30613; color:#fff; }
.btn-primary:hover { background:#b8050f; transform:translateY(-2px); }
.btn-whatsapp { background:#25d366; color:#fff; }
.btn-whatsapp:hover { background:#1ea952; transform:translateY(-2px); }
.btn-lg { padding:14px 32px; font-size:15px; }
.hero-features { display:flex; gap:20px; flex-wrap:wrap; }
.hero-features div { display:flex; align-items:center; gap:6px; font-size:13px; color:#333; font-weight:500; }
.hero-features i { color:#0077b6; }

.hero-image { display:flex; justify-content:center; }
.hero-card { background:#fff; padding:40px 30px; border-radius:15px; box-shadow:0 15px 40px rgba(0,0,0,0.1); text-align:center; max-width:320px; }
.hero-card i { font-size:60px; color:#0077b6; margin-bottom:15px; }
.hero-card h3 { font-size:22px; color:#E30613; margin-bottom:10px; }

/* QUICK ACTIONS */
.quick-actions { padding:40px 0; background:#fff; }
.quick-actions .container { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.action-card { background:#fff; padding:25px 20px; border-radius:10px; text-align:center; box-shadow:0 4px 15px rgba(0,0,0,0.06); border-bottom:3px solid #0077b6; transition:.3s; }
.action-card:hover { transform:translateY(-5px); border-bottom-color:#E30613; }
.action-card i { font-size:40px; color:#0077b6; margin-bottom:10px; }
.action-card h4 { color:#333; margin-bottom:5px; font-size:16px; }
.action-card p { font-size:13px; color:#666; }

/* SECTIONS */
.section { padding:70px 0; }
.section-head { text-align:center; margin-bottom:45px; }
.pre-title { color:#E30613; font-weight:600; font-size:14px; letter-spacing:1.5px; text-transform:uppercase; }
.section-head h2 { font-size:34px; font-weight:700; color:#1a1a1a; margin-top:8px; }
.section-desc { color:#666; margin-top:12px; max-width:600px; margin-left:auto; margin-right:auto; }

/* ABOUT */
.about-section { background:#f8fbfd; }
.about-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:40px; align-items:center; }
.about-text p { margin-bottom:15px; color:#555; }
.about-list { margin-top:20px; }
.about-list li { padding:8px 0; color:#333; font-weight:500; }
.about-list i { color:#0077b6; margin-right:8px; }
.about-stats { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.stat { background:#fff; padding:25px; border-radius:10px; text-align:center; box-shadow:0 4px 15px rgba(0,0,0,0.06); }
.stat h3 { color:#E30613; font-size:28px; margin-bottom:5px; }
.stat p { color:#666; font-size:13px; }

/* SERVICES */
.services-section { background:#fff; }
.services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.service-card { background:#fff; padding:30px 20px; border-radius:12px; text-align:center; border:1px solid #e5e5e5; transition:.3s; }
.service-card:hover { transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,0,0,0.1); border-color:#0077b6; }
.service-icon { width:70px; height:70px; margin:0 auto 15px; background:#B8DCE6; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.service-icon i { font-size:30px; color:#0077b6; }
.service-card h3 { margin-bottom:10px; color:#1a1a1a; }
.service-card p { color:#666; font-size:14px; margin-bottom:15px; }
.service-link { color:#E30613; font-weight:600; font-size:14px; }
.highlight-card { background:linear-gradient(135deg,#fff5f5,#fff); border-color:#E30613; }

/* TESTS */
.tests-section { background:#f8fbfd; }
.test-search { max-width:500px; margin:0 auto 30px; }
.test-search input { width:100%; padding:14px 20px; border:2px solid #B8DCE6; border-radius:30px; font-size:15px; outline:none; transition:.3s; }
.test-search input:focus { border-color:#0077b6; }
.tests-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.test-card { background:#fff; padding:25px; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.06); border-left:4px solid #0077b6; transition:.3s; }
.test-card:hover { box-shadow:0 8px 25px rgba(0,0,0,0.1); }
.test-header { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.test-header i { font-size:24px; color:#E30613; }
.test-header h3 { font-size:18px; color:#1a1a1a; }
.test-card p { color:#555; font-size:14px; margin-bottom:15px; }
.test-info { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; color:#666; }
.test-info span { background:#f0f7fa; padding:5px 10px; border-radius:15px; }
.test-info i { margin-right:4px; color:#0077b6; }
.tests-note { margin-top:30px; padding:20px; background:#e8f4f8; border-left:4px solid #0077b6; border-radius:5px; display:flex; align-items:center; gap:12px; }
.tests-note i { color:#0077b6; font-size:22px; }
.tests-note a { color:#E30613; font-weight:600; }

/* BOOKING FORM */
.book-section { background:#fff; }
.booking-wrap, .results-wrap { max-width:900px; margin:0 auto; }
.results-wrap { display:grid; grid-template-columns:2fr 1fr; gap:25px; align-items:start; }
.booking-form { background:#f8fbfd; padding:35px; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.06); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.form-group { margin-bottom:15px; }
.form-group label { display:block; font-size:13px; color:#333; font-weight:600; margin-bottom:6px; }
.form-group input, .form-group select, .form-group textarea { width:100%; padding:11px 14px; border:1px solid #ccd; border-radius:6px; font-size:14px; font-family:inherit; outline:none; transition:.3s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:#0077b6; box-shadow:0 0 0 3px rgba(0,119,182,0.1); }
.checkbox-group label { display:flex; align-items:center; gap:8px; cursor:pointer; }
.checkbox-group input { width:auto; }
.form-note { text-align:center; margin-top:12px; font-size:12px; color:#888; }

/* RESULTS SIDE */
.results-section { background:#f8fbfd; }
.side-card { background:#fff; padding:25px; border-radius:12px; text-align:center; box-shadow:0 4px 15px rgba(0,0,0,0.06); }
.side-card i { font-size:45px; color:#25d366; margin-bottom:10px; }
.side-card h4 { margin-bottom:8px; }
.side-card p { color:#666; font-size:13px; margin-bottom:15px; }

/* CONTACT */
.contact-section { background:#fff; }
.contact-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:30px; }
.info-box { display:flex; gap:15px; padding:18px; background:#f8fbfd; border-radius:10px; margin-bottom:15px; border-left:3px solid #0077b6; }
.info-box i { font-size:22px; color:#0077b6; min-width:30px; margin-top:3px; }
.info-box h4 { color:#333; margin-bottom:4px; }
.info-box p, .info-box a { color:#555; font-size:14px; }
.info-box a:hover { color:#E30613; }
.contact-map iframe { border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.08); }

/* FOOTER */
.footer { background:#0f2b3d; color:#c5d5e0; padding:50px 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:30px; }
.footer h3 { color:#fff; margin-bottom:12px; font-size:18px; }
.footer h4 { color:#fff; margin-bottom:12px; font-size:15px; }
.footer p { font-size:13px; margin-bottom:8px; }
.footer ul li { margin-bottom:6px; }
.footer ul a { font-size:13px; transition:.3s; }
.footer ul a:hover { color:#E30613; }
.footer-bottom { border-top:1px solid #1e3d54; margin-top:35px; padding:18px 0; text-align:center; font-size:13px; }

/* WHATSAPP FLOAT */
.whatsapp-float { position:fixed; bottom:25px; right:25px; width:60px; height:60px; background:#25d366; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; box-shadow:0 5px 20px rgba(37,211,102,0.4); z-index:9999; animation:pulse 2s infinite; }
@keyframes pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.05); } }

/* RESPONSIVE */
@media(max-width:900px){
  .hero-inner, .about-grid, .contact-grid, .results-wrap { grid-template-columns:1fr; }
  .quick-actions .container, .services-grid { grid-template-columns:repeat(2,1fr); }
  .tests-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .nav { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; padding:20px; box-shadow:0 5px 15px rgba(0,0,0,0.1); }
  .nav.active { display:flex; }
  .menu-toggle { display:block; }
  .hero-text h2 { font-size:30px; }
  .section-head h2 { font-size:26px; }
  .logo-text h1 { font-size:15px; }
}
@media(max-width:500px){
  .quick-actions .container, .services-grid, .about-stats, .footer-grid, .form-row { grid-template-columns:1fr; }
  .top-bar-inner { justify-content:center; text-align:center; font-size:11px; }
  .logo-box { display:none; }
}