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}