*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;color:#222;line-height:1.6}
.container{width:min(1140px,90%);margin:auto}
.hero{position:relative;height:100vh;background:url('../images/hero.jpg') center/cover no-repeat,#1d3557;display:flex;align-items:center;color:#fff}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.hero .container{position:relative;z-index:2}
.badge{display:inline-block;background:rgba(255,255,255,.15);padding:8px 16px;border-radius:30px}
h1{font-size:56px;margin:20px 0}
.actions{display:flex;gap:15px;margin-top:30px}
.btn{padding:15px 28px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;font-weight:600}
.btn-primary{background:#ff6b00;color:#fff}
.btn-light{background:#fff;color:#111}
.section{padding:80px 0}
.alt{background:#f5f7fb}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:30px}
.card{padding:24px;border:1px solid #e5e5e5;border-radius:10px;background:#fff}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:20px}
.features li{list-style:none;background:#fff;padding:15px;border-radius:8px;border:1px solid #ddd}
.footer{background:#111;color:#fff;padding:70px 0;text-align:center}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);justify-content:center;align-items:center;padding:20px}
.modal-content{background:#fff;max-width:520px;width:100%;padding:30px;border-radius:12px;position:relative}
.close{position:absolute;right:18px;top:10px;font-size:30px;cursor:pointer}
form{display:grid;gap:14px;margin-top:20px}
input,select,textarea{padding:14px;border:1px solid #ccc;border-radius:8px;font:inherit}
textarea{min-height:120px}
@media(max-width:768px){h1{font-size:38px}.actions{flex-direction:column}}