:root{
--navy:#071a33;
--gold:#c9a227;
--gold-light:#e5c75a;
--light:#f5f8fb;
--text:#243447;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text)}
.btn-gold{background:var(--gold);color:#fff;border:0;padding:11px 19px;border-radius:8px;font-weight:700}
.btn-gold:hover{background:#ad8918;color:#fff}
.hero{padding:100px 0;color:#fff;background:linear-gradient(120deg,#071a33,#0d2b4f)}
.hero h1{font-size:clamp(40px,5vw,62px);font-weight:800}
.hero p{font-size:18px;color:#dbe6f1;max-width:750px;line-height:1.8}
.hero-tag{color:var(--gold-light);font-size:12px;letter-spacing:2px;font-weight:800}
.section{padding:80px 0}
.light{background:var(--light)}
.section-title{font-size:36px;font-weight:800;color:var(--navy)}
.gold-line{height:4px;width:60px;background:var(--gold);border-radius:10px;margin:15px 0 25px}
.facility{
height:100%;
background:#fff;border:1px solid #e6ecf2;border-radius:18px;
padding:32px;box-shadow:0 12px 35px rgba(7,26,51,.06);
transition:.25s
}
.facility:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(7,26,51,.11)}
.facility-icon{
width:62px;height:62px;border-radius:15px;background:#edf3f8;color:var(--navy);
display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:22px
}
.facility h4{font-weight:800;color:var(--navy)}
.facility p{color:#667585;line-height:1.7}
.facility ul{padding-left:18px;color:#667585}
.facility li{margin-bottom:8px}
.notice{background:#fff8e8;border-left:4px solid var(--gold);padding:22px;border-radius:8px}
footer{background:var(--navy);color:#cbd7e4;padding:55px 0 20px}
footer h5{color:#fff;font-weight:800}
footer a{color:#cbd7e4;text-decoration:none}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;font-size:13px}