body{margin:0;background:#07121f;color:#eef;font-family:Segoe UI,sans-serif}
header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:rgba(6,17,31,.9);backdrop-filter:blur(8px)}
nav a{color:#9fdcff;text-decoration:none;margin-left:18px}
.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#07121f,#0a5ed7,#0d8dff)}
h1{font-size:3rem}.btn{background:#14a9ff;color:#fff;padding:14px 24px;border-radius:10px;text-decoration:none}
section{padding:70px 8%}h2{text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.card,.price,.timeline div,details,.box,figure{background:rgba(255,255,255,.06);border:1px solid rgba(120,200,255,.2);padding:20px;border-radius:16px;backdrop-filter:blur(12px)}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}img{width:100%;border-radius:12px}
.timeline{display:grid;gap:15px}#risk{position:fixed;right:20px;bottom:20px;border:none;padding:14px;border-radius:50px;background:#ffb400}
.modal{display:none;position:fixed;inset:0;background:#0008}.modal .box{max-width:700px;margin:10% auto}



/* ===== Dark Red Theme Override ===== */
:root{
  --primary:#b31217;
  --primary-dark:#6b0f12;
  --accent:#e53935;
  --bg:#0f0506;
  --surface:#1a0a0b;
  --text:#f4f4f4;
}
body{
  background:#0f0506 !important;
  color:var(--text) !important;
}
header,nav,.navbar,.topbar,footer,.card,.box,.modal-content,.container section,.feature,.pricing-card,.faq-item{
  background-color:var(--surface) !important;
}
a,.active,.highlight{
  color:var(--accent) !important;
}
button,.btn,input[type=submit],.primary-btn{
  background:linear-gradient(135deg,var(--primary),var(--accent)) !important;
  border-color:var(--accent) !important;
  color:#fff !important;
}
button:hover,.btn:hover,input[type=submit]:hover,.primary-btn:hover{
  filter:brightness(1.08);
  box-shadow:0 0 18px rgba(229,57,53,.35);
}
h1,h2,h3,h4{
  color:#fff !important;
}