:root{
  --blue-900:#003f63;
  --blue-700:#00689a;
  --blue-500:#0093d0;
  --blue-300:#57c0f0;
  --bg:#f6fbff;
  --muted:#6b7a86;
  --card:#ffffff;
  --glass: rgba(255,255,255,0.7);
  --radius:10px;
  --max-width:1100px;
  --gap:18px;
  --transition:200ms ease;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  background:linear-gradient(180deg,var(--bg),#eaf8ff 60%);
  color:#123;
}

/* Layout */
.container{max-width:var(--max-width);margin:0 auto;padding:24px}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--blue-900);font-weight:700}
.logo{height:38px}
.main-nav a{margin-left:14px;text-decoration:none;color:var(--blue-700);font-weight:600}

/* Hero */
.hero{padding:36px 0;background:linear-gradient(90deg,rgba(0,70,110,0.06),transparent)}
.hero-inner{display:grid;grid-template-columns:1fr 480px;gap:24px;align-items:center}
.hero-media img{width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.08)}
.hero-content h1{font-size:2.2rem;color:var(--blue-900);margin:0 0 8px}
.lead{color:var(--muted)}
.hero-actions{display:flex;gap:10px;margin-top:14px}

/* Buttons */
.btn{padding:10px 14px;border-radius:8px;border:1px solid transparent;background:var(--card);color:var(--blue-700);cursor:pointer;text-decoration:none}
.btn-primary{background:linear-gradient(0deg,var(--blue-700),var(--blue-500));color:white;border:none}
.btn-outline{background:transparent;border:1px solid rgba(0,100,150,0.12)}
.btn-secondary{background:var(--glass);border:1px solid rgba(0,0,0,0.04)}

/* News cards */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);margin-top:10px}
.card-news{background:var(--card);padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.card-news h4{margin:0 0 6px;color:var(--blue-700)}

/* Stats & gallery */
.overview{display:flex;gap:24px;align-items:flex-start;margin:30px 0}
.gallery{flex:2}
.stats{flex:1;background:var(--card);padding:18px;border-radius:12px}
.stats-list{list-style:none;padding:0;margin:0}
.stats-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eef}
.stat-number{font-weight:800;color:var(--blue-700);font-size:1.2rem}
.fleet-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.fleet-thumbs img{height:60px;border-radius:8px;object-fit:cover}

/* Forms */
.form-page{display:grid;grid-template-columns:1fr 320px;gap:20px}
.form-card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.04)}
.blue-minimal{background:linear-gradient(180deg,rgba(87,192,240,0.06),transparent)}
label{display:block;margin-top:12px;font-weight:600;color:var(--muted)}
input,select,textarea{width:100%;padding:10px;margin-top:6px;border-radius:8px;border:1px solid #e2eef8;background:white}
.form-actions{margin-top:14px;display:flex;justify-content:flex-end}

/* Tables */
.table{width:100%;border-collapse:collapse;background:transparent}
.table thead th{background:linear-gradient(90deg,var(--blue-300),transparent);text-align:left;padding:10px}
.table tbody td{padding:10px;border-top:1px solid #eef}

/* Fleet cards */
.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.fleet-card{background:var(--card);padding:16px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.05)}
.fleet-card img{width:100%;height:140px;object-fit:cover;border-radius:8px}

/* Misc */
.site-footer{padding:18px 0;background:transparent;border-top:1px solid rgba(0,0,0,0.04);margin-top:30px}
.menu-toggle{display:none}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.4)}
.modal[aria-hidden="false"]{display:flex}
.modal-content{background:var(--card);padding:20px;border-radius:12px;width:90%;max-width:620px;position:relative}
.modal-close{position:absolute;right:12px;top:8px;border:none;background:none;font-size:20px}

/* Responsive */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .form-page{grid-template-columns:1fr}
  .main-nav{display:none}
  .menu-toggle{display:block}
}