:root{
  --black:#020304;
  --deep:#061015;
  --blue:#008dc4;
  --gold:#f6c85f;
  --gold2:#a87118;
  --white:#ffffff;
  --muted:#c7d2da;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--white);
  background:radial-gradient(circle at top left,#061b26 0%,#020304 42%,#000 100%);
  overflow-x:hidden;
}
.landing{position:relative;min-height:100vh;padding:56px 18px 40px;display:grid;place-items:center;gap:28px}
.bg-glow{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none;animation:float 9s ease-in-out infinite alternate}
.bg-blue{background:var(--blue);left:-130px;top:80px}.bg-gold{background:var(--gold);right:-130px;bottom:30px;animation-delay:1.4s}
.hero-card{
  width:min(1180px,100%);
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border-radius:34px;
  padding:36px;
  box-shadow:0 30px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(18px);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(246,200,95,.12),transparent);transform:translateX(-100%);animation:shine 5s infinite}
.transition-badge{display:inline-flex;padding:10px 18px;border-radius:999px;background:rgba(0,141,196,.13);border:1px solid rgba(0,141,196,.45);color:#bceeff;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:28px}
.logos-transition{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:0 auto 30px;position:relative;z-index:2}
.logo-box{min-height:210px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.36);display:grid;place-items:center;padding:22px;position:relative;overflow:hidden}
.logo-box img{max-width:100%;max-height:170px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.5))}
.logo-new{border-color:rgba(246,200,95,.35);box-shadow:0 0 45px rgba(246,200,95,.12)}
.logo-old{border-color:rgba(0,141,196,.35);box-shadow:0 0 45px rgba(0,141,196,.10)}
.label{position:absolute;left:18px;top:15px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#7ddcff;font-weight:800}.label.gold{color:var(--gold)}
.arrow-wrap{width:95px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:42px;text-shadow:0 0 20px rgba(246,200,95,.8);animation:pulse 1.8s infinite}
.arrow-line{height:2px;width:52px;background:linear-gradient(90deg,var(--blue),var(--gold));position:absolute}.arrow-head{position:relative;left:30px}
h1{font-size:clamp(2rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.06em;margin-bottom:22px;position:relative;z-index:2}h1 span{background:linear-gradient(90deg,#fff,var(--gold),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:820px;margin:0 auto 28px;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.7;position:relative;z-index:2}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px auto;max-width:900px;position:relative;z-index:2}.service-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:20px}.service-grid strong{display:block;color:#fff;margin-bottom:8px;font-size:1.05rem}.service-grid span{color:#aebbc4;font-size:.94rem;line-height:1.45}
.slogan{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900;letter-spacing:.03em;color:var(--gold);text-shadow:0 0 28px rgba(246,200,95,.35);margin:18px 0 28px;position:relative;z-index:2}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.btn{padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:800;transition:.25s}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#160d00;box-shadow:0 12px 32px rgba(246,200,95,.22)}.btn.ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.05)}.btn:hover{transform:translateY(-3px)}
.info-section{width:min(920px,100%);text-align:center;padding:30px 22px;color:#d7e1e8}.info-section h2{font-size:clamp(1.7rem,3vw,2.6rem);margin-bottom:12px}.info-section p{line-height:1.7;color:#aebbc4}
@keyframes shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}@keyframes float{from{transform:translateY(0) scale(1)}to{transform:translateY(45px) scale(1.12)}}@keyframes pulse{50%{transform:scale(1.08);filter:brightness(1.35)}}
@media(max-width:850px){.landing{padding-top:24px}.hero-card{padding:24px;border-radius:24px}.logos-transition{grid-template-columns:1fr;gap:14px}.arrow-wrap{width:100%;transform:rotate(90deg);margin:6px 0}.logo-box{min-height:155px}.service-grid{grid-template-columns:1fr}.actions .btn{width:100%;text-align:center}}


h1 small{display:block;margin-top:16px;font-size:clamp(1.05rem,2vw,1.7rem);letter-spacing:.12em;text-transform:uppercase;color:#7ddcff;text-shadow:0 0 20px rgba(0,141,196,.4)}
.academy-section{border:1px solid rgba(246,200,95,.18);border-radius:28px;background:linear-gradient(135deg,rgba(246,200,95,.07),rgba(0,141,196,.05));box-shadow:0 20px 70px rgba(0,0,0,.28)}
.academy-pill{display:inline-flex;padding:10px 18px;margin-bottom:14px;border-radius:999px;color:#160d00;background:linear-gradient(135deg,var(--gold),#fff0aa);font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.academy-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.academy-list span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:999px;padding:10px 14px;color:#e9f2f6;font-weight:700}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.service-grid{grid-template-columns:1fr}}