:root{
    --bg:#f4f7fb;
    --text:#1f2a37;
    --muted:#5f6b7a;
    --primary:#0f4c81;
    --primary-dark:#0b3a62;
    --card:#ffffff;
    --border:#d9e2ec;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}
a{text-decoration:none;color:inherit}
.container{width:min(1100px,92%);margin:0 auto}
header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-size:1.35rem;font-weight:700;color:var(--primary)}
.logo span{color:var(--text)}
.nav-links{display:flex;gap:22px;flex-wrap:wrap}
.nav-links a{color:var(--muted);font-weight:600}
.nav-links a:hover,.nav-links a.active{color:var(--primary)}
.hero{padding:76px 0 48px;background:linear-gradient(135deg,#eef5fb 0%,#f8fbff 100%)}
.hero-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 16px;line-height:1.1}
.hero p{font-size:1.1rem;color:var(--muted);line-height:1.7}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;padding:13px 20px;border-radius:10px;font-weight:700;border:1px solid transparent}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}
.btn-secondary{background:#fff;border-color:var(--border);color:var(--text)}
.section{padding:56px 0}
.section h2{font-size:2rem;margin:0 0 12px}
.section .lead{color:var(--muted);line-height:1.7;max-width:760px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:28px}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 10px 25px rgba(15,76,129,.05)}
.card h3{margin:0 0 10px;font-size:1.45rem}
.card p{margin:0;color:var(--muted);line-height:1.7}
.icon{width:48px;height:48px;border-radius:50%;background:#e9f2fb;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}
.highlight{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;margin-top:24px}
footer{background:#fff;border-top:1px solid var(--border);padding:24px 0;color:var(--muted);margin-top:32px}
.page-header{padding:54px 0 18px}
.page-header h1{font-size:2.4rem;margin:0 0 10px}
.page-header p{color:var(--muted);max-width:800px;line-height:1.7}
.form-wrap{display:grid;grid-template-columns:1fr .9fr;gap:24px}
form{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px}
label{display:block;font-weight:700;margin-bottom:8px}
input,textarea{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem;margin-bottom:18px}
textarea{min-height:170px;resize:vertical}
.notice{padding:14px 16px;border-radius:12px;margin-bottom:18px}
.notice.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}
.notice.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.contact-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px}
.contact-card p{color:var(--muted);line-height:1.7}
ul.clean{padding-left:18px;color:var(--muted);line-height:1.8}
@media (max-width: 860px){
    .hero-wrap,.grid-3,.grid-2,.form-wrap{grid-template-columns:1fr}
    .nav{align-items:flex-start;gap:14px;flex-direction:column}
}