*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f9;color:#111827;line-height:1.6}
.container{width:90%;max-width:1180px;margin:auto}
header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-size:21px;font-weight:800;color:#0b3a5b;letter-spacing:.3px;text-decoration:none}
.menu{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.menu a{text-decoration:none;color:#374151;font-weight:600}
.btn{background:#0b3a5b;color:#fff;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:800;display:inline-block;border:0;cursor:pointer}
.hero{background:linear-gradient(100deg,#0b3a5b,#101827);padding:86px 0;color:#fff}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.kicker{font-size:20px;color:#dbeafe;font-weight:700;margin-bottom:24px}
.hero h1{font-size:62px;line-height:1.08;margin-bottom:26px;letter-spacing:-1.5px}
.hero p{font-size:21px;color:#e5e7eb;max-width:720px}
.hero-card{background:#fff;color:#111827;border-radius:28px;padding:34px;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.info-row{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid #e5e7eb}
.info-row:last-child{border-bottom:0}
.info-label{color:#6b7280;font-weight:600}
.info-value{font-weight:800;text-align:right}
.section{padding:78px 0}
.section h2{font-size:44px;line-height:1.15;margin-bottom:16px;color:#111827}
.section .lead{font-size:20px;color:#374151;max-width:900px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:30px;box-shadow:0 16px 35px rgba(15,23,42,.05)}
.card h3{font-size:24px;color:#0b3a5b;margin-bottom:14px}
.notice{margin-top:46px;background:#fff8ef;border:1px solid #f4c37d;color:#8b4513;padding:24px;border-radius:20px;font-size:18px}
.panel{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:42px;box-shadow:0 16px 35px rgba(15,23,42,.05)}
.panel p{font-size:19px;margin-bottom:16px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}
form{display:grid;gap:14px;margin-top:20px}
input,textarea{width:100%;padding:15px 16px;border:1px solid #d1d5db;border-radius:14px;font-size:16px}
textarea{min-height:130px;resize:vertical}
footer{background:#fff;border-top:1px solid #e5e7eb;padding:30px 0;color:#6b7280}
footer .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.small{font-size:14px;color:#6b7280}
@media(max-width:900px){
 .hero-grid,.cards,.grid-2{grid-template-columns:1fr}
 .hero h1{font-size:42px}
 .menu{display:none}
 .nav{min-height:72px}
 .logo{font-size:17px}
 .section h2{font-size:34px}
}