.home-v21{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:#020b13;
}

.home-v21-hero{
  position:relative;
  min-height:clamp(560px,72vh,900px);
  border-bottom:1px solid rgba(64,175,255,.22);
  background-image:
    linear-gradient(90deg,rgba(2,8,15,.72) 0%,rgba(2,8,15,.40) 38%,rgba(2,8,15,.16) 68%,rgba(2,8,15,.30) 100%),
    url('../images/home-gaming-all-genres-v21.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.home-v21-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));
}

.home-v21-hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(380px,.82fr);
  align-items:center;
  gap:2rem;
  width:100%;
  max-width:none;
  min-height:clamp(560px,72vh,900px);
  padding:2.2rem clamp(28px,4vw,86px);
  box-sizing:border-box;
}

.home-v21-copy{
  max-width:720px;
}

.home-v21-kicker{
  margin:0 0 .4rem;
  color:#f5f8fb;
  font-size:1.55rem;
  font-weight:800;
}

.home-v21-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(3rem,5vw,5.2rem);
  line-height:.98;
  letter-spacing:-.035em;
}

.home-v21-copy h2{
  margin:.8rem 0 1rem;
  color:#1ca8ff;
  font-size:clamp(1.25rem,2vw,1.7rem);
}

.home-v21-copy p{
  max-width:700px;
  margin:.5rem 0;
  color:#e6edf2;
  font-size:1.05rem;
  line-height:1.65;
}

.home-v21-stats{
  padding:1rem 1.1rem;
  border:1px solid rgba(45,153,225,.36);
  border-radius:14px;
  background:rgba(2,11,19,.88);
  box-shadow:0 20px 55px rgba(0,0,0,.32);
  backdrop-filter:blur(10px);
}

.home-v21-stats article{
  display:grid;
  grid-template-columns:58px 92px 1fr;
  align-items:center;
  gap:.8rem;
  min-height:74px;
  border-bottom:1px solid rgba(95,154,194,.2);
}

.home-v21-stat-icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:1px solid rgba(34,159,255,.26);
  border-radius:10px;
  color:#129fff;
  background:rgba(5,29,48,.82);
  font-size:1.7rem;
}

.home-v21-stats strong{
  color:#fff;
  font-size:2.5rem;
  line-height:1;
}

.home-v21-stats b{
  display:block;
  color:#1ba8ff;
  font-size:1rem;
}

.home-v21-stats small{
  display:block;
  margin-top:.2rem;
  color:#c5ced5;
  font-size:.78rem;
}

.home-v21-stat-link{
  display:block;
  width:56%;
  margin:.7rem auto 0;
  padding:.55rem .8rem;
  border:1px solid #148fe4;
  border-radius:7px;
  color:#22aaff;
  text-align:center;
  text-decoration:none;
  font-weight:750;
}

.home-v21-portals{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.7rem;
  width:100%;
  max-width:none;
  padding:1rem clamp(24px,3vw,50px);
  box-sizing:border-box;
  background:#030b12;
}

.home-v21-portal{
  --accent:#27a7ff;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:260px;
  padding:1rem .85rem;
  border:1px solid var(--accent);
  border-radius:11px;
  color:#eef6fb;
  background:
    radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 52%),
    rgba(3,12,20,.96);
  text-align:center;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease;
}

.home-v21-portal:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 22%,transparent);
}

.home-v21-portal-icon{
  display:grid;
  place-items:center;
  min-height:72px;
  color:var(--accent);
  font-size:3.6rem;
}

.home-v21-portal h2{
  margin:.3rem 0 .65rem;
  color:#fff;
  font-size:1rem;
  text-transform:uppercase;
}

.home-v21-portal p{
  flex:1;
  margin:0;
  color:#e1e7ec;
  font-size:.8rem;
  line-height:1.55;
}

.home-v21-portal strong{
  display:block;
  width:86%;
  margin-top:.85rem;
  padding:.55rem .35rem;
  border:1px solid var(--accent);
  border-radius:7px;
  color:var(--accent);
  background:color-mix(in srgb,var(--accent) 9%,transparent);
}

.home-v21-portal.is-game{--accent:#bd55ff}
.home-v21-portal.is-tife{--accent:#8c7cff}
.home-v21-portal.is-exploration{--accent:#42d96b}
.home-v21-portal.is-technology{--accent:#ffc928}
.home-v21-portal.is-news{--accent:#2e9eff}
.home-v21-portal.is-museum{--accent:#ff8a00}
.home-v21-portal.is-downloads{--accent:#14d4e2}

.site-footer-v21{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  padding:0;
  border-top:1px solid rgba(43,154,224,.24);
  background:linear-gradient(180deg,#061421,#020a11);
}

.site-footer-v21-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(4,1fr);
  gap:1.6rem;
  width:100%;
  max-width:none;
  padding:1.4rem clamp(28px,4vw,70px) 1.15rem;
  box-sizing:border-box;
}

.site-footer-v21-grid section{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  min-width:0;
}

.site-footer-v21-grid h2{
  margin:0 0 .25rem;
  color:#18a5ff;
  font-size:.82rem;
  text-transform:uppercase;
}

.site-footer-v21-grid a{
  color:#dbe5eb;
  text-decoration:none;
  font-size:.78rem;
}

.site-footer-v21-grid p{
  margin:0;
  color:#b7c4cd;
  font-size:.78rem;
  line-height:1.55;
}

.site-footer-v21-brand img{
  width:min(300px,100%);
  max-height:100px;
  object-fit:contain;
  object-position:left center;
}

.site-footer-v21-social{
  display:flex;
  gap:.6rem;
  margin-top:.55rem;
}

.site-footer-v21-social a{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(91,168,219,.35);
  border-radius:50%;
  color:#24aaff;
}

.site-footer-v21-bottom{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:1rem;
  width:100%;
  padding:.75rem clamp(28px,4vw,70px);
  border-top:1px solid rgba(43,154,224,.16);
  box-sizing:border-box;
  color:#b9c4cc;
  font-size:.72rem;
}

.site-footer-v21-bottom span:nth-child(2){text-align:center}
.site-footer-v21-bottom span:nth-child(3){text-align:right}

.site-header .site-brand img,
.site-brand-logo{
  width:auto;
  max-width:320px;
  max-height:72px;
  object-fit:contain;
}

@media(max-width:1100px){
  .home-v21-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));
}

.home-v21-hero-inner{
    grid-template-columns:1fr;
  }

  .home-v21-stats{
    width:min(100%,700px);
  }

  .home-v21-portals{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .site-footer-v21-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .home-v21-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));
}

.home-v21-hero-inner{
    padding:1.4rem 1rem;
  }

  .home-v21-stats article{
    grid-template-columns:48px 72px 1fr;
  }

  .home-v21-portals{
    grid-template-columns:1fr;
    padding:1rem;
  }

  .home-v21-portal{
    min-height:210px;
  }

  .site-footer-v21-grid,
  .site-footer-v21-bottom{
    grid-template-columns:1fr;
    padding-left:1rem;
    padding-right:1rem;
  }

  .site-footer-v21-bottom span{
    text-align:left!important;
  }
}


.home-v21-news{
  width:100%;
  max-width:none;
  padding:1.2rem clamp(24px,3vw,50px) 1.5rem;
  box-sizing:border-box;
  border-top:1px solid rgba(47,158,234,.18);
  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(38,142,215,.12),
      transparent 32%
    ),
    linear-gradient(180deg,#06131e,#030b12);
}

.home-v21-news-header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.85rem;
}

.home-v21-news-header h2,
.home-v21-news-header p{
  margin:0;
}

.home-v21-news-header h2{
  margin:.2rem 0 .35rem;
  color:#fff;
  font-size:1.55rem;
}

.home-v21-news-header p:not(.eyebrow){
  max-width:720px;
  color:#aebdca;
  font-size:.85rem;
}

.home-v21-news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
}

.home-v21-news-card{
  display:flex;
  flex-direction:column;
  min-height:230px;
  padding:1rem;
  border:1px solid rgba(63,165,232,.22);
  border-radius:11px;
  background:
    linear-gradient(
      180deg,
      rgba(10,27,40,.96),
      rgba(5,15,24,.98)
    );
}

.home-v21-news-label{
  margin:0;
  color:#26aaff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-v21-news-card h3{
  margin:.55rem 0 .35rem;
  font-size:1rem;
  line-height:1.35;
}

.home-v21-news-card h3 a{
  color:#f3f8fb;
  text-decoration:none;
}

.home-v21-news-card time{
  color:#7f929f;
  font-size:.67rem;
}

.home-v21-news-card>p:not(.home-v21-news-label){
  flex:1;
  margin:.7rem 0;
  color:#b8c6cf;
  font-size:.78rem;
  line-height:1.55;
}

.home-v21-news-action{
  color:#28aaff;
  font-size:.76rem;
  font-weight:800;
  text-decoration:none;
}

@media(max-width:1000px){
  .home-v21-news-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .home-v21-news-header{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* v21.7.63 expanded admin/developer statistics */
.home-v21-stats{
  width:min(760px,100%);
  padding:.8rem;
}
.home-v21-stats-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
}
.home-v21-stats-grid article{
  display:grid;
  grid-template-columns:42px 58px minmax(0,1fr);
  gap:.55rem;
  min-height:58px;
  padding:.45rem .5rem;
  border:1px solid rgba(95,154,194,.16);
  border-radius:9px;
  background:rgba(2,11,19,.42);
}
.home-v21-stats-grid .home-v21-stat-icon{
  width:38px;
  height:38px;
  font-size:1.15rem;
}
.home-v21-stats-grid strong{
  font-size:1.65rem;
}
.home-v21-stats-grid b{
  font-size:.84rem;
}
.home-v21-stats-grid small{
  font-size:.68rem;
  line-height:1.2;
}
@media(max-width:980px){
  .home-v21-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .home-v21-stats-grid{grid-template-columns:1fr}
}