:root{
  --bg:#0b0d10;
  --card:#12161c;
  --text:#e9eef5;
  --muted:#b7c0cc;
  --line:#243041;
  --accent:#d2ad57; /* gold-ish */
  --accent2:#2a6df4; /* optional blue */
  --danger:#ff5a5f;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;
  background:linear-gradient(180deg,#0b0d10 0%, #0a0c0f 100%);
  color:var(--text);
}

a{color:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 18px}

.topbar{
  position:sticky;top:0;z-index:5;
  background:rgba(11,13,16,.9);
  backdrop-filter: blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand__logo{width:100px;height:100px;object-fit:contain}
.brand__name{font-weight:800;letter-spacing:.2px}
.brand__sub{color:var(--muted);font-size:13px;margin-top:2px}

.topbar__cta{text-align:right}
.topbar__cta-label{color:var(--muted);font-size:12px}
.topbar__phone{font-size:20px;font-weight:800;text-decoration:none}

.hero{
  padding:64px 0 28px;
  background:
    linear-gradient(
      rgba(0,0,0,0.75),
      rgba(0,0,0,0.85)
    ),
    url("../img/hero.png") center/cover no-repeat;
}


h1{font-size:38px;line-height:1.12;margin:0 0 14px}
@media (max-width: 600px){h1{font-size:30px}}
.lead{font-size:18px;color:var(--muted);margin:0 0 12px}
.muted{color:var(--muted)}
.small{font-size:13px}

.notice{
  background:rgba(210,173,87,.08);
  border:1px solid rgba(210,173,87,.25);
  padding:12px 12px;
  border-radius:14px;
  margin:12px 0 14px;
  color:var(--text);
}

.bullets{margin:0;padding-left:18px;color:var(--muted)}
.bullets li{margin:8px 0}

.trust{margin-top:12px;color:var(--muted)}

.card{
  background:rgba(18,22,28,.92);
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}

.form-card h2{margin:0 0 6px}
.field{margin:12px 0}
label{display:block;font-weight:650;margin-bottom:6px}
input, textarea{
  width:100%;
  background:#0d1117;
  color:var(--text);
  border:1px solid #273140;
  border-radius:12px;
  padding:12px 12px;
  outline:none;
}
input:focus, textarea:focus{border-color:rgba(210,173,87,.6)}
.req{color:var(--danger)}

.consent{margin:12px 0}
.checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13px;line-height:1.35}
.checkbox input{width:18px;height:18px;margin-top:2px}

.fineprint{color:var(--muted);font-size:12px;margin:10px 0}

.btn{
  width:100%;
  background:linear-gradient(180deg, rgba(210,173,87,1) 0%, rgba(184,148,70,1) 100%);
  color:#101114;
  border:none;
  border-radius:14px;
  padding:12px 14px;
  font-weight:900;
  letter-spacing:.2px;
  cursor:pointer;
}

.alt-cta{margin-top:12px;color:var(--muted);font-size:13px;text-align:center}

.content{padding:20px 0 44px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width: 900px){.grid-3{grid-template-columns:1fr}}

.footer{
  border-top:1px solid var(--line);
  padding:20px 0;
  color:var(--muted);
}
.footer__inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

.hp{display:none !important;}
.video-wrap{
  margin:18px 0;
  background:rgba(0,0,0,.35);
  border:1px solid #243041;
  border-radius:16px;
  padding:12px;
}

.video-wrap video{
  border-radius:12px;
  max-height:420px;
}

.video-caption{
  margin-top:8px;
  font-size:13px;
  color:var(--muted);
  text-align:center;
}

.image-card{
  padding:0;
  background:none;
  border:none;
  box-shadow:none;
}

.image-card img{
  width:100%;
  max-width:250px;
  height:auto;
  display:block;
  margin:0 auto;
  border-radius:16px;
}

.certificate-wrap{
  text-align:center;
  margin-bottom:16px;
}

.certificate-wrap img{
  width:100%;
  max-width:360px;
  height:auto;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.45);
}

.certificate-caption{
  margin-top:6px;
  font-size:16px;
  color:var(--muted);
}