
:root{--blue:#2476a7;--navy:#184b6b;--light:#eef7fb;--text:#3f4b52;--white:#fff}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{color:var(--blue);text-decoration:none} img{max-width:100%;height:auto}
.top{background:#1f6f9d;color:#fff;font-size:14px}.top .wrap{display:flex;justify-content:flex-end;gap:25px;padding:7px 20px}
header{background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:5}.nav{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
.brand{font-size:28px;font-weight:700;color:var(--navy)}.brand small{display:block;font-size:12px;letter-spacing:2px;color:#71818a}
nav a{margin-left:25px;font-weight:600;color:#47545b}
.hero{min-height:380px;background:linear-gradient(90deg,rgba(12,67,99,.78),rgba(12,67,99,.25)),url("images/home-hero.jpg") center/cover;display:flex;align-items:center;color:#fff}
.hero .inner,.pagehero .inner{max-width:1120px;width:100%;margin:auto;padding:55px 20px}.hero h1{font-size:48px;margin:0 0 8px}.hero p{font-size:22px;margin:0}
.pagehero{background:linear-gradient(90deg,#1c648e,#58a7c8);color:#fff}.pagehero h1{font-size:42px;margin:0}.pagehero p{font-size:20px;margin:0 0 6px}
.wrap{max-width:1120px;margin:auto;padding:45px 20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.card{border:1px solid #dce4e8;padding:25px;background:#fff}.card h3{color:var(--navy);margin-top:0}
h1,h2,h3,h4{line-height:1.2;color:var(--navy)}h2{font-size:32px}h3{font-size:22px}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:11px 20px;border-radius:3px;font-weight:700}
.section-alt{background:var(--light)}.staff img,.service img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9eef1}
.footer{background:#173f56;color:#dbe9f0}.footer a{color:#fff}.footer .cols{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:35px}.footer h3{color:#fff}.copyright{background:#113345;color:#c7d5dc;text-align:center;padding:12px;font-size:13px}
.notice{background:#f2f7f9;border-left:4px solid var(--blue);padding:18px}.faq h4{margin-bottom:5px}.faq p{margin-top:0}
form label{display:block;font-weight:700;margin-top:12px}input,textarea{width:100%;padding:11px;border:1px solid #bbb}textarea{min-height:130px}
@media(max-width:760px){.grid3,.grid2,.footer .cols{grid-template-columns:1fr}.nav{display:block}.brand{margin-bottom:10px}nav a{margin:0 14px 0 0;display:inline-block}.hero h1{font-size:36px}}
