:root{
  --royal:#1A73E8;
  --navy:#0A1A2F;
  --muted:#6b7280;
  --bg:#f5f7fb;
  --card:#ffffff;
  --accent:#0ea5a4;
  --max:1200px;
  --glass: rgba(255,255,255,0.7);
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial; margin:0; background:linear-gradient(180deg,var(--bg),#ffffff); color:var(--navy); line-height:1.6}
.container{max-width:var(--max); margin:0 auto; padding:22px}
.site-header{background:var(--card); border-bottom:1px solid #e6edf5; position:sticky; top:0; z-index:50; box-shadow: 0 1px 6px rgba(10,26,47,0.04)}
.brand{display:flex; align-items:center; gap:12px; justify-content:space-between}
.logo{font-family:Poppins,Arial; font-weight:700; color:var(--royal); font-size:20px; display:flex; align-items:center; gap:8px}
.logo .mark{width:42px; height:42px; background:linear-gradient(135deg,var(--royal),var(--accent)); color:white; display:flex; align-items:center; justify-content:center; border-radius:8px; font-weight:700}
.main-nav{display:flex; gap:14px; align-items:center}
.main-nav a{padding:10px 12px; text-decoration:none; color:var(--navy); border-radius:8px; font-weight:600}
.main-nav a:hover{background:rgba(26,115,232,0.08)}
.btn{padding:8px 12px; background:var(--royal); color:#fff; border-radius:8px; text-decoration:none; font-weight:600}
.hero{display:flex; gap:24px; align-items:center; padding:40px 0}
.hero-left{flex:1}
.hero h1{font-family:Poppins,Arial; font-size:36px; margin:0; color:var(--navy); line-height:1.05}
.hero p.lead{margin-top:12px; color:var(--muted); font-size:15px}
.hero-ctas{margin-top:18px; display:flex; gap:12px; flex-wrap:wrap}
.hero-right{width:420px; background:var(--card); padding:18px; border-radius:12px; box-shadow:0 6px 20px rgba(10,26,47,0.06); border:1px solid #eef6ff}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:18px}
.card{background:var(--card); padding:16px; border-radius:12px; border:1px solid #eef6ff; box-shadow:0 3px 12px rgba(10,26,47,0.03)}
.section-title{font-size:20px; font-weight:700; color:var(--navy); margin-bottom:12px}

/* tabs */
.tabs{display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap}
.tab{padding:8px 12px; border-radius:10px; background:transparent; border:1px solid transparent; cursor:pointer; font-weight:600}
.tab.active{background:var(--royal); color:white; border-color:var(--royal)}

/* tables */
.table{width:100%; border-collapse:collapse; background:var(--card); border-radius:8px; overflow:hidden; box-shadow:0 6px 18px rgba(10,26,47,0.04)}
.table th, .table td{padding:12px 14px; border-bottom:1px solid #f1f8ff; text-align:left; font-size:14px}
.table thead th{background:linear-gradient(90deg, rgba(26,115,232,0.06), rgba(14,165,164,0.03)); color:var(--navy); font-weight:700}
.table tr:hover td{background:linear-gradient(90deg, rgba(0,0,0,0.01), rgba(0,0,0,0.01))}

/* form */
.form-row{display:flex; flex-direction:column; gap:8px; margin-bottom:12px}
input,textarea,select{padding:10px; border:1px solid #e6eef9; border-radius:8px; background:transparent; font-size:14px}
textarea{resize:vertical}

/* footer */
.site-footer{background:var(--navy); color:#dbeafe; padding:28px 0; margin-top:36px}
.site-footer .container{display:flex; gap:18px; justify-content:space-between; align-items:flex-start}
.site-footer a{color:#cfe8ff; text-decoration:none}
.copy{padding:12px; text-align:center; color:#9fb2d6; background:#071125; margin-top:14px; border-radius:8px}

/* utility */
.muted{color:var(--muted); font-size:13px}
.small{font-size:13px; color:var(--muted)}
.center{display:flex; align-items:center; justify-content:center}

/* responsive */
@media(max-width:900px){
  .hero{flex-direction:column}
  .hero-right{width:100%}
  .site-footer .container{flex-direction:column; gap:12px}
}
/* =========================
   AIIEC LOGO STYLES
   ========================= */

.logo-wrap{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}
/* =========================
   HEADER + LOGO HARD FIX
   ========================= */

/* DO NOT lock header height */
.site-header{
  padding: 0;
}

/* OVERRIDE container padding ONLY in header */
.site-header .container{
  padding: 10px 22px !important;
}

/* Brand alignment */
.site-header .brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* Logo wrapper */
.logo-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  max-height:44px;
}

/* LOGO IMAGE – FINAL CONTROL */
.site-header .site-logo{
  height:90px !important;
  width:auto;
  max-width:140px;
  object-fit:contain;
  display:block;
}

/* Text */
.logo-title{
  font-size:14px;
  font-weight:700;
}

.logo-subtitle{
  font-size:11px;
}

/* MOBILE */
@media(max-width:600px){
  .site-header .site-logo{
    height:30px !important;
  }
}