*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,sans-serif}
:root{--blue:#0a4d8c;--light:#e8f1fa;--white:#fff}
body{color:#333;line-height:1.7}
.container{max-width:1100px;margin:auto;padding:0 20px}
header{background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:9}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;flex-wrap:wrap;gap:10px}
.logo{font-weight:bold;color:var(--blue);font-size:1.3rem}
nav a{color:var(--blue);text-decoration:none;margin:0 10px;font-weight:600}
nav a:hover{border-bottom:2px solid var(--blue)}
select{padding:6px;border:1px solid var(--blue);border-radius:6px;color:var(--blue)}
.hero{background:linear-gradient(135deg,var(--blue),#1273cf);color:#fff;text-align:center;padding:100px 20px}
.hero h1{font-size:2.5rem;margin-bottom:15px}
.btn{display:inline-block;background:#fff;color:var(--blue);padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:bold;margin-top:20px;border:none;cursor:pointer;font-size:1rem}
.btn:hover{transform:scale(1.05)}
section{padding:60px 0}
h2{color:var(--blue);text-align:center;margin-bottom:25px;font-size:2rem}
.blue-bg{background:var(--light)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card{background:#fff;padding:25px;border-radius:12px;text-align:center;box-shadow:0 3px 10px rgba(10,77,140,.12)}
.card h3{font-size:2rem}
.card.product{padding:0;overflow:hidden}
.card.product img{width:100%;height:200px;object-fit:cover;display:block}
.card.product p{padding:15px;font-weight:600;color:var(--blue)}
.intro{max-width:800px;margin:auto;text-align:center}
form{max-width:500px;margin:30px auto 0;display:flex;flex-direction:column;gap:12px}
input,textarea{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;width:100%}
form .btn{background:var(--blue);color:#fff}
footer{background:var(--blue);color:#fff;text-align:center;padding:20px}
footer a{color:#fff}
#contact p{text-align:center;font-size:1.1rem}
#contact a{color:var(--blue);text-decoration:none;font-weight:600}
