:root{
  --bg:#050b13;
  --panel:#081522;
  --blue:#0b84ff;
  --blue2:#0865cf;
  --line:#153a5e;
  --text:#fff;
  --muted:#b7c7d8
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 50% 0,#0a1d33 0,#050b13 42%);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif
}
img{max-width:100%;height:auto}
a{-webkit-tap-highlight-color:transparent}
.gc-wrap{max-width:1180px;margin:auto;padding:18px 18px 38px}
.gc-hero{
  position:relative;min-height:315px;border:1px solid var(--line);
  border-radius:22px;overflow:hidden;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  box-shadow:0 18px 50px #0008
}
.gc-hero:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,8,15,.12),rgba(2,8,15,.05) 35%,rgba(2,8,15,.05) 65%,rgba(2,8,15,.12))
}
.gc-hero-copy{
  position:absolute;z-index:2;left:50%;top:48%;
  transform:translate(-50%,-50%);width:min(520px,55%);
  text-align:center;text-shadow:0 2px 10px #000
}
.gc-logo{
  width:min(350px,90%);max-height:150px;object-fit:contain;
  filter:drop-shadow(0 8px 18px #000)
}
.gc-hero h1{font-size:clamp(24px,3vw,42px);margin:10px 0 7px}
.gc-hero p{margin:0;color:#d7e4f0;font-size:15px;line-height:1.45}
.gc-kicker{
  color:var(--blue);font-size:12px;text-transform:uppercase;
  font-weight:800;letter-spacing:.12em
}
.gc-section-head{margin:28px 0 13px}
.gc-section-head h2{margin:4px 0;font-size:28px}
.gc-section-head p{margin:0;color:var(--muted)}
.gc-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.gc-card{
  display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);
  border-radius:18px;overflow:hidden;
  background:linear-gradient(#0d1e30,#08131f);
  color:inherit;text-decoration:none;transition:.2s;
  box-shadow:0 10px 25px #0005
}
.gc-card:hover{transform:translateY(-3px);border-color:#168bff}
.gc-card img{width:100%;aspect-ratio:1.62/1;object-fit:cover}
.gc-card-body{padding:16px;display:flex;flex-direction:column;flex:1}
.gc-card h3{margin:0 0 8px;font-size:22px}
.gc-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.48;flex:1}
.gc-btn{
  display:flex;align-items:center;justify-content:center;
  margin-top:16px;min-height:44px;
  background:linear-gradient(90deg,#0767d3,#118dff);
  border-radius:10px;color:#fff;font-weight:800;font-size:13px;
  text-transform:uppercase
}
.gc-wa{
  margin:18px 0 30px;display:grid;grid-template-columns:.9fr 1.1fr;
  min-height:185px;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;background:#071625;color:#fff;text-decoration:none
}
.gc-wa-img{
  min-height:185px;background-position:center;background-size:cover;background-repeat:no-repeat
}
.gc-wa-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}
.gc-wa h2{font-size:30px;margin:4px 0 8px}
.gc-wa p{margin:0;color:#d7e4f0}
.gc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.gc-card-wide img{aspect-ratio:2.5/1}
.gc-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:26px}
.gc-social{
  position:relative;min-height:118px;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:#091727
}
.gc-social img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.gc-social:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0,rgba(3,9,16,.15) 55%,rgba(3,9,16,.4))
}
.gc-social span{
  position:absolute;z-index:2;right:16px;bottom:13px;
  font-weight:800;color:#fff;text-shadow:0 2px 8px #000
}
.gc-footer{
  margin-top:26px;border-top:1px solid var(--line);
  padding:22px 4px;color:var(--muted);font-size:13px;text-align:center
}
@media(max-width:900px){
  .gc-grid4{grid-template-columns:repeat(2,1fr)}
  .gc-hero{min-height:360px}
  .gc-hero-copy{width:72%}
}
@media(max-width:640px){
  .gc-wrap{padding:10px 10px 28px}
  .gc-hero{min-height:470px;background-position:center}
  .gc-hero-copy{
    top:50%;width:88%;background:rgba(3,10,18,.60);
    padding:16px;border-radius:16px;backdrop-filter:blur(3px)
  }
  .gc-grid4,.gc-grid2,.gc-socials{grid-template-columns:1fr}
  .gc-wa{grid-template-columns:1fr}
  .gc-wa-img{min-height:180px}
  .gc-card-wide img{aspect-ratio:1.9/1}
}