:root{
  --primary:#0a3d91;
  --accent:#ff6b00;
  --dark:#1e293b;
  --light:#f8fafc;
  --gray:#64748b;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Roboto,system-ui,sans-serif;color:var(--dark);line-height:1.6;background:#fff}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.logo{font-size:24px;font-weight:700;color:var(--primary)}
.logo span{color:var(--accent)}
nav ul{display:flex;gap:25px;list-style:none}
nav a{font-weight:500;transition:.3s}
nav a:hover,nav a.active{color:var(--accent)}
.cta-btn{background:var(--accent);color:#fff;padding:10px 20px;border-radius:6px;font-weight:600}
.cta-btn:hover{opacity:.9}
.menu-toggle{display:none;font-size:28px;cursor:pointer}

/* Hero */
.hero{background:linear-gradient(rgba(10,61,145,.85),rgba(10,61,145,.85)),url('../img/hero.jpg') center/cover; 
color:#fff;padding:100px 0;text-align:center}
.hero h1{font-size:48px;margin-bottom:15px}
.hero p{font-size:18px;max-width:700px;margin:0 auto 30px}
.btn-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}

/* Sections */
section{padding:80px 0}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:36px;color:var(--primary);margin-bottom:10px}
.section-title p{color:var(--gray);max-width:600px;margin:0 auto}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:.3s}
.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.card-icon{width:60px;height:60px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:28px;color:#fff}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}

/* Footer */
footer{background:var(--dark);color:#fff;padding:60px 0 20px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}
footer h4{margin-bottom:15px;color:var(--accent)}
footer ul{list-style:none}
footer ul li{margin-bottom:10px}
footer a{color:#cbd5e1;transition:.3s}
footer a:hover{color:#fff}
.copyright{text-align:center;border-top:1px solid #334155;padding-top:20px;color:#94a3b8}

/* Forms */
form{display:flex;flex-direction:column;gap:15px}
input,textarea,select{padding:12px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px}
input:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}
button{padding:12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:600}
button:hover{background:#082f73}

/* Google Translate */
#google_translate_element{margin-top:10px}
.goog-te-banner-frame{display:none}
body{top:0 !important}

/* Responsive */
@media(max-width:900px){
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}
  nav.active{display:block}
  nav ul{flex-direction:column;padding:20px}
  .menu-toggle{display:block}
  .hero h1{font-size:32px}
  .grid-3{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}