*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif;}
body{color:#333;background:#fff;line-height:1.6;}
.container{width:92%;max-width:1200px;margin:0 auto;}
.header{background:#1a2436;color:#fff;padding:16px 0;}
.header .container{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:22px;font-weight:bold;}
.nav a{color:#cbd5e1;text-decoration:none;margin-left:20px;}
.nav a.active,.nav a:hover{color:#fff}
.banner{background:#2563eb;color:#fff;padding:80px 0;text-align:center;}
.banner h1{font-size:36px;margin-bottom:12px;}
.banner p{font-size:18px;margin-bottom:24px;opacity:0.9}
.btn{display:inline-block;background:#fff;color:#2563eb;padding:10px 22px;border-radius:6px;text-decoration:none;font-weight:500;}
.btn-sm{display:inline-block;background:#2563eb;color:#fff;padding:6px 14px;border-radius:4px;text-decoration:none;font-size:14px;margin-top:8px;}
.section{padding:60px 0;}
.title{text-align:center;font-size:28px;margin-bottom:40px;color:#1a2436;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.card{background:#f8fafc;padding:24px;border-radius:10px;border:1px solid #e2e8f0;text-align:center;}
.card h3{margin-bottom:10px;color:#1a2436;}
.content-text{max-width:800px;margin:0 auto;font-size:16px;}
.content-text p{margin-bottom:14px;}
.form{max-width:600px;margin:0 auto;background:#f8fafc;padding:28px;border-radius:10px;}
.form-row{margin-bottom:16px;}
.form-row label{display:block;margin-bottom:6px;font-weight:500;}
.form-row input,.form-row textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px;}
button.btn{border:none;cursor:pointer;font-size:16px;}
.footer{background:#1a2436;color:#cbd5e1;text-align:center;padding:24px 0;margin-top:40px;}
@media(max-width:768px){
    .header .container{flex-direction:column;gap:12px;}
    .nav a{margin:0 8px;}
    .banner h1{font-size:28px;}
}