:root{
  --gj-navy:#071426;
  --gj-navy-2:#0c203a;
  --gj-blue:#0a84ff;
  --gj-cyan:#38c7ff;
  --gj-green:#16a36a;
  --gj-bg:#edf3f8;
  --gj-surface:#ffffff;
  --gj-surface-2:#f7f9fc;
  --gj-line:#dbe4ee;
  --gj-text:#0b1b2d;
  --gj-muted:#66758a;
  --gj-shadow:0 20px 50px rgba(7,20,38,.10);
  --gj-radius:24px;
}
*{box-sizing:border-box}
html{background:var(--gj-bg)}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% -8%,rgba(56,199,255,.18),transparent 30rem),
    radial-gradient(circle at 100% 4%,rgba(10,132,255,.12),transparent 32rem),
    linear-gradient(180deg,#f8fbfe 0%,var(--gj-bg) 100%)!important;
  color:var(--gj-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(7,20,38,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,20,38,.025) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.wrap{max-width:1180px!important;padding:28px 22px 52px!important;position:relative}
.card{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(187,204,221,.72)!important;
  border-radius:var(--gj-radius)!important;
  box-shadow:var(--gj-shadow)!important;
  backdrop-filter:blur(16px);
}
.hero{
  position:relative;
  overflow:hidden;
  padding:30px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(56,199,255,.30),transparent 26rem),
    linear-gradient(135deg,var(--gj-navy) 0%,var(--gj-navy-2) 60%,#0c4770 100%)!important;
  box-shadow:0 28px 70px rgba(7,20,38,.24)!important;
}
.hero:before{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:320px;height:320px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 46px rgba(255,255,255,.035),0 0 0 92px rgba(255,255,255,.022);
}
.hero:after{
  content:"GATEJAN";
  position:absolute;
  right:24px;top:18px;
  font-weight:900;
  letter-spacing:.20em;
  font-size:11px;
  color:#fff;
  opacity:.58;
}
.hero h1{font-size:clamp(30px,4.4vw,50px);letter-spacing:-.035em;margin:.25em 0 .2em!important;line-height:1.02}
.hero p{max-width:800px;font-size:16px;line-height:1.6;color:#dbeaf7!important}
.gj-brand{font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.gj-kicker{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#79dcff}
.gj-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.gj-badge{
  padding:8px 11px;border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);
  color:#f5fbff;font-size:12px;font-weight:800;
  box-shadow:inset 0 1px rgba(255,255,255,.12)
}
.gj-truck-scene{
  margin:20px 0 6px;border-radius:20px;overflow:hidden;
  background:#0a1a2e;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 36px rgba(0,0,0,.22)
}
.gj-truck-scene img{display:block;width:100%;height:auto}
h1,h2,h3{color:inherit;letter-spacing:-.02em}
h2{font-size:21px}
.muted{color:var(--gj-muted)!important}
.hero .muted{color:#dbeaf7!important}
.btn,button{
  border-radius:15px!important;
  border:0!important;
  background:linear-gradient(135deg,#0877e8,#0a84ff)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 10px 22px rgba(10,132,255,.20)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(10,132,255,.25)!important;filter:saturate(1.05)}
.btn:active,button:active{transform:translateY(0)}
.secondary{
  background:#fff!important;
  color:var(--gj-text)!important;
  border:1px solid var(--gj-line)!important;
  box-shadow:0 7px 18px rgba(7,20,38,.06)!important
}
input,select,textarea{
  border:1px solid #cad7e4!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.95)!important;
  color:var(--gj-text)!important;
  box-shadow:inset 0 1px 0 rgba(7,20,38,.02);
  outline:none
}
input:focus,select:focus,textarea:focus{
  border-color:var(--gj-blue)!important;
  box-shadow:0 0 0 4px rgba(10,132,255,.12)!important
}
.label{color:#263a51;font-size:13px;letter-spacing:.01em}
.photo{background:#f8fbfe!important;border:1px dashed #a9bdd1!important}
.info{background:#eef6ff!important;color:#17466f!important;border:1px solid #cfe4fb!important}
.ok{background:#ecf9f2!important;color:#17633f!important;border:1px solid #c8ecd8!important}
.err{background:#fff0f1!important;color:#8f2934!important;border:1px solid #f4cfd3!important}
.row{border-bottom:1px solid #e8eef4!important;transition:background .15s ease}
.row:hover{background:#f8fbfe}
.stats{gap:14px!important}
.stat{
  position:relative;
  overflow:hidden;
  min-height:132px;
  padding:18px!important;
  border:1px solid #e0e9f2;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f7faff)!important;
  box-shadow:0 10px 24px rgba(7,20,38,.06)
}
.stat:before{
  content:"";
  position:absolute;
  right:-28px;top:-34px;
  width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle,rgba(56,199,255,.16),rgba(10,132,255,.03) 62%,transparent 64%)
}
.stat span{display:block;color:var(--gj-muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.stat strong{display:block;margin-top:10px;font-size:30px!important;color:var(--gj-text);letter-spacing:-.04em}
.gj-stat-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:11px;background:#eaf4ff;color:#0877e8;font-size:19px;margin-bottom:10px}
.gj-table-wrap{overflow:auto;border:1px solid #e0e9f2;border-radius:18px;margin-top:16px;background:#fff}
.gj-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}
.gj-table th,.gj-table td{padding:13px 14px;text-align:left;border-bottom:1px solid #edf1f5;white-space:nowrap}
.gj-table th{font-size:11px;text-transform:uppercase;letter-spacing:.065em;color:#718096;background:#f7faff}
.gj-table tr:last-child td{border-bottom:0}
.gj-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850;background:#ecf9f2;color:#17633f}
.gj-status.waiting{background:#fff7e8;color:#8a5a00}
.gj-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.gj-section-head h2{margin-bottom:2px}
.gj-section-head p{margin:0}
@media(max-width:760px){
  .wrap{padding:16px 12px 34px!important}
  .hero{padding:22px!important;border-radius:20px!important}
  .hero:after{display:none}
  .card{border-radius:20px!important}
  .grid,.grid3,.stats{grid-template-columns:1fr!important}
  .stat{min-height:108px}
  .gj-truck-scene{border-radius:16px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn,button{transition:none}}