*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1f2a37;line-height:1.6;background:#fff}
a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:#0b2545;color:#fff;z-index:10}header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:700;font-size:1.2rem;letter-spacing:.5px}.logo span{color:#e3b23c}nav a{margin-left:22px;text-decoration:none;opacity:.9}nav a:hover{color:#e3b23c}
.hero{background:linear-gradient(135deg,#0b2545,#13315c 60%,#134074);color:#fff;padding:110px 0;text-align:center}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:12px}.hero p.tag{font-size:1.35rem;color:#e3b23c;font-style:italic;margin-bottom:18px}.hero p.sub{max-width:640px;margin:0 auto 32px;opacity:.9}
.btn{display:inline-block;background:#e3b23c;color:#0b2545;padding:14px 30px;border-radius:6px;font-weight:700;text-decoration:none}.btn:hover{background:#f0c75e}
section{padding:80px 0}section h2{font-size:2rem;color:#0b2545;text-align:center;margin-bottom:12px}.lead{text-align:center;max-width:700px;margin:0 auto 44px;color:#4b5563}
.alt{background:#f4f6fa}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:26px;box-shadow:0 2px 8px rgba(11,37,69,.05)}.card .ic{font-size:2rem;margin-bottom:10px}.card h3{color:#13315c;margin-bottom:6px}.card p{color:#4b5563;font-size:.95rem}
.about p{max-width:780px;margin:0 auto 16px;text-align:center;color:#374151}
.contact a{color:#134074;font-weight:600;word-break:break-all}.note{text-align:center;margin-top:28px;color:#6b7280;font-size:.9rem}
footer{background:#0b2545;color:#cbd5e1;text-align:center;padding:28px 0;font-size:.9rem}footer strong{color:#fff}
@media(max-width:700px){nav{display:none}.hero{padding:80px 0}section{padding:60px 0}}
.contact .emails,.contact .info{grid-template-columns:repeat(2,1fr)}.contact .info{margin-top:22px}
.contact .emails a{word-break:normal;white-space:nowrap;font-size:1.05rem}
@media(max-width:700px){.contact .emails,.contact .info{grid-template-columns:1fr}.contact .emails a{white-space:normal;word-break:break-all}}
footer p{margin:2px 0}