*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f4f7fb;color:#111827;line-height:1.8}
.container{width:92%;max-width:1250px;margin:auto}
header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
nav a{text-decoration:none;color:#111827;margin-left:18px;font-weight:600}
.hero{padding:100px 0;background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.hero h1{font-size:56px;margin-bottom:22px;max-width:900px}
.hero p{font-size:19px;max-width:850px}
.btn{display:inline-block;margin-top:28px;background:#2563eb;color:#fff;padding:15px 30px;border-radius:12px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:70px 0}
.card,.article,.contact-box{background:#fff;padding:30px;border-radius:20px;border:1px solid #e5e7eb}
.page{padding:70px 0}
.article{margin-top:25px}
footer{background:#0f172a;color:#fff;margin-top:70px}
.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:55px 0}
.footer a{display:block;color:#d1d5db;text-decoration:none;margin-top:12px}
.footer p{color:#cbd5e1}
input,textarea{width:100%;padding:15px;border:1px solid #d1d5db;border-radius:12px;margin-top:12px}
button{padding:15px 22px;background:#2563eb;color:#fff;border:none;border-radius:12px;margin-top:16px}
.badge{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:8px 14px;border-radius:999px;font-size:14px;margin-bottom:20px}
.meta{opacity:.7;font-size:14px;margin-top:10px}
ul{padding-left:20px;margin-top:15px}
table{width:100%;border-collapse:collapse;margin-top:20px}
td,th{border:1px solid #d1d5db;padding:14px}
@media(max-width:768px){
.nav{flex-direction:column;gap:14px}
.hero h1{font-size:38px}
.footer{grid-template-columns:1fr}
}