/* Basic brand styling */
:root{
  --brand: #0d6efd;
  --brand-dark: #0b5ed7;
  --ink: #0e1116;
}
body{ color:var(--ink); }
.hero{
  background: radial-gradient(1200px 400px at 10% 20%, rgba(13,110,253,.25), transparent),
              linear-gradient(135deg, #0b1729, #0e2445 60%, #133a6b);
  color:#fff;
}
.hero-wave{ position:absolute; bottom:-1px; left:0; width:100%; height:80px; fill:#fff; opacity:.85; }
.slider{ position:relative; height:320px; background:#101827; }
.slides{ display:flex; width:300%; height:100%; transition: transform .6s ease; }
.slide{ width:100%; flex:0 0 100%; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; }
.slide-1{ background: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22800%22 height=%22400%22><rect width=%22800%22 height=%22400%22 fill=%230e2445/><circle cx=%22400%22 cy=%22200%22 r=%22160%22 fill=%23133a6b/></svg>') center/cover; }
.slide-2{ background: linear-gradient(135deg,#0b5ed7,#7aa7ff); }
.slide-3{ background: linear-gradient(135deg,#061428,#133a6b); }
.slide .slide-content{ color:#fff; text-shadow:0 3px 18px rgba(0,0,0,.45); }
.slider-btn{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.15); border:0; width:44px; height:44px; border-radius:50%; color:#fff; font-size:22px; }
.slider-btn:hover{ background:rgba(255,255,255,.3); }
.slider-btn.prev{ left:12px; } .slider-btn.next{ right:12px; }

.card-title{ font-weight:700; }
footer .link-light:hover{ text-decoration: underline; }

/* Fleet */
#fleetGrid .vessel-card .badge{ font-weight:600; }
.vessel-card .meta{ font-size:.925rem; color:#6c757d; }

/* Active nav */
.navbar .nav-link.active, .navbar .nav-link:hover{ color:#fff; }

/* Admin helpers */
.table td, .table th { vertical-align: middle; }

.vessel-thumb{height:160px;object-fit:cover;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background:#0d6efd0f}
.vessel-thumb.placeholder{display:flex;align-items:center;justify-content:center}
/* Contact page polish */
.form-narrow { max-width: 720px; }
.card-glass { background: rgba(255,255,255,0.9); backdrop-filter: blur(6px); }
.contact-hero {
  background:
    radial-gradient(1200px 300px at -10% -40%, rgba(13,110,253,.08), transparent 60%),
    radial-gradient(900px 300px at 120% 120%, rgba(13,110,253,.1), transparent 60%),
    linear-gradient(180deg, rgba(108,117,125,.06), rgba(108,117,125,0));
  border: 1px solid rgba(0,0,0,.05);
}
.contact-icon {
  width: 44px; height: 44px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(13,110,253,.08);
}

/* About page polish */
.about-hero{
  background:
    radial-gradient(1200px 300px at -10% -40%, rgba(13,110,253,.08), transparent 60%),
    radial-gradient(900px 300px at 120% 120%, rgba(25,135,84,.10), transparent 60%),
    linear-gradient(180deg, rgba(33,37,41,.04), rgba(33,37,41,0));
  border: 1px solid rgba(0,0,0,.05);
}
.value-list{ margin:0; padding-left:1.2rem; }
.value-list li{ margin:.25rem 0; }
.stat-card{ background:#fff; border:1px solid rgba(0,0,0,.06); }
.stat-ico{ font-size:20px; opacity:.9; }
.stat-num{ font-size:28px; font-weight:700; line-height:1; margin-top:.25rem; }
.stat-label{ color:#6c757d; font-size:.9rem; }
.cta-band{
  background:
    radial-gradient(600px 200px at -10% -40%, rgba(13,110,253,.08), transparent 60%),
    radial-gradient(500px 200px at 120% 140%, rgba(13,110,253,.12), transparent 60%),
    #fff;
  border:1px solid rgba(0,0,0,.06);
}

/* Offices page polish */
.offices-hero{
  background:
    radial-gradient(1200px 300px at -10% -40%, rgba(13,110,253,.08), transparent 60%),
    radial-gradient(900px 300px at 120% 120%, rgba(255,193,7,.12), transparent 60%),
    linear-gradient(180deg, rgba(33,37,41,.04), rgba(33,37,41,0));
  border: 1px solid rgba(0,0,0,.05);
}
.office-card { border: 1px solid rgba(0,0,0,.06); }
.office-actions .btn { min-width: 96px; }

/* Chartering page polish */
.charter-hero{
  background:
    radial-gradient(1200px 300px at -10% -40%, rgba(13,110,253,.08), transparent 60%),
    radial-gradient(900px 300px at 120% 120%, rgba(13,110,253,.12), transparent 60%),
    linear-gradient(180deg, rgba(33,37,41,.04), rgba(33,37,41,0));
  border: 1px solid rgba(0,0,0,.05);
}
.form-compact .form-label{ margin-bottom:.25rem; }
.form-compact .form-control,
.form-compact .form-select{ padding:.45rem .65rem; font-size:.92rem; }
.form-compact .btn{ padding:.45rem .8rem; }

/* Fleet page polish */
.fleet-hero{
  background:
    radial-gradient(1200px 300px at -10% -40%, rgba(13,110,253,.08), transparent 60%),
    radial-gradient(900px 300px at 120% 120%, rgba(13,110,253,.12), transparent 60%),
    linear-gradient(180deg, rgba(33,37,41,.04), rgba(33,37,41,0));
  border: 1px solid rgba(0,0,0,.05);
}
.vessel-thumb{ height:180px; object-fit:cover; background:#f3f6fe; }
.vessel-thumb.placeholder{ border-top-left-radius:.5rem; border-top-right-radius:.5rem; }
/* Services page polish */
.services-hero{
  background:
    radial-gradient(1200px 300px at -10% -40%, rgba(13,110,253,.08), transparent 60%),
    radial-gradient(900px 300px at 120% 120%, rgba(25,135,84,.10), transparent 60%),
    linear-gradient(180deg, rgba(33,37,41,.04), rgba(33,37,41,0));
  border: 1px solid rgba(0,0,0,.05);
}
.service-card{ border:1px solid rgba(0,0,0,.06); }
.svc-ico{
  width:44px; height:44px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(13,110,253,.08);
  font-size:20px;
}
/* Home carousel */
.carousel-caption{ background: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.45)); border-radius:.5rem; padding:1rem }