/* Anarchy update v12 - footer relayout, calm background, cs2 rebuild,
   register/login parity, autofill fix, brand social marks. */

/* ---------- Registration: identical shell to login, compact two-column form ---------- */
.ax-auth-shell.ax-auth-shell-reg{width:min(1120px,100%)!important;grid-template-columns:40% 60%!important;min-height:588px!important;}
.ax-auth-shell-reg .ax-auth-side{display:flex!important;}
.ax-auth-shell-reg .ax-auth-form-col{padding:40px 46px!important;}
.ax-auth-shell-reg .auth-page-wrap{width:100%!important;max-width:100%!important;}
.ax-auth-shell-reg .ax-af{width:100%!important;max-width:100%!important;}
.ax-auth-shell-reg #register-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px!important;}
.ax-auth-shell-reg #register-form>.ax-fld{margin:0!important;min-width:0;}
.ax-auth-shell-reg #register-form>.checkbox-wrapper,
.ax-auth-shell-reg #register-form>#register-btn{grid-column:1/-1;}
.ax-auth-shell-reg .ax-af .form-input{height:47px!important;}
.ax-auth-shell-reg .password-strength-text{display:none!important;}
.ax-auth-shell-reg .checkbox-wrapper{margin:4px 0 0!important;}
.ax-auth-shell-reg #register-btn{margin-top:2px!important;}
.ax-auth-shell-reg .social-divider{margin:15px 0 10px!important;}
.ax-auth-shell-reg .auth-footer{margin-top:12px!important;}
@media(max-width:900px){
  .ax-auth-shell-reg #register-form{grid-template-columns:1fr;}
  .ax-auth-shell-reg #register-form>.checkbox-wrapper,
  .ax-auth-shell-reg #register-form>#register-btn{grid-column:auto;}
  .ax-auth-shell-reg .ax-auth-form-col{padding:34px 26px!important;}
}
@media(max-width:520px){.ax-auth-shell-reg .ax-auth-form-col{padding:26px 18px!important;}}

/* ---------- Autofilled inputs keep the dark field and a visible icon ---------- */
input.form-input:-webkit-autofill,
input.form-input:-webkit-autofill:hover,
input.form-input:-webkit-autofill:focus,
input.form-input:-webkit-autofill:active{
  -webkit-text-fill-color:#eef1f8!important;
  caret-color:#eef1f8!important;
  -webkit-box-shadow:0 0 0 100px #14171e inset!important;
  box-shadow:0 0 0 100px #14171e inset!important;
  border-color:rgba(37,217,164,.42)!important;
  transition:background-color 100000s ease-out 0s!important;
}
input.form-input:autofill{box-shadow:0 0 0 100px #14171e inset!important;-webkit-text-fill-color:#eef1f8!important;color:#eef1f8!important;}
.ax-af .ax-fld-ic{z-index:5!important;color:rgba(238,241,248,.5)!important;}
.ax-af .ax-fld-w:focus-within .ax-fld-ic{color:rgba(126,231,196,.95)!important;}
.ax-af .pw-toggle{z-index:5;}

/* ---------- Background: CS2 page only (scoped to .ax-bg-cs2) ---------- */
.ax-bg-cs2 .ax-bg{background:
  radial-gradient(1150px 720px at 78% -12%, rgba(124,92,255,.13), transparent 64%),
  radial-gradient(920px 640px at 6% 8%, rgba(37,217,164,.075), transparent 66%),
  radial-gradient(1100px 900px at 52% 118%, rgba(56,189,248,.07), transparent 62%),
  linear-gradient(180deg,#05060a 0%,#070812 48%,#05060b 100%)!important;}
.ax-bg-cs2 .ax-bg-beam{display:none!important;}
.ax-bg-cs2 .ax-bg-grid{background-size:82px 82px!important;opacity:.55;
  mask-image:radial-gradient(circle at 50% 16%, rgba(0,0,0,.85), transparent 70%)!important;
  -webkit-mask-image:radial-gradient(circle at 50% 16%, rgba(0,0,0,.85), transparent 70%)!important;}
.ax-bg-cs2 .ax-bg-orb{filter:blur(130px)!important;}
.ax-bg-cs2 .ax-bg-orb.o1{background:rgba(124,92,255,.20)!important;}
.ax-bg-cs2 .ax-bg-orb.o2{background:rgba(37,217,164,.13)!important;}
.ax-bg-cs2 .ax-bg-orb.o3{background:rgba(56,189,248,.10)!important;}
.ax-bg-cs2 .ax-bg-noise{opacity:.2!important;}
.ax-bg-cs2 .ax-bg-vig{background:radial-gradient(ellipse at 50% 38%, transparent 48%, rgba(0,0,0,.42) 100%)!important;}
.ax-cs2-page .ax-section+.ax-section{border-top-color:rgba(255,255,255,.05)!important;}

/* ---------- Footer: real grid, closed columns, aligned bottom bar ---------- */
.lg-footer{margin-top:0!important;background:rgba(4,5,9,.72)!important;}
.lg-footer-inner{padding:54px 24px 26px!important;}
.lg-footer-grid{display:grid!important;grid-template-columns:1.7fr .9fr .9fr .9fr!important;gap:30px 36px!important;margin-bottom:34px!important;align-items:start!important;}
.lg-footer-col{min-width:0;}
.lg-footer-col-brand{max-width:370px;}
.lg-footer-brand{display:inline-flex!important;align-items:center;gap:11px;margin:0 0 14px!important;text-decoration:none!important;}
.lg-footer-brand img{width:30px;height:30px;object-fit:contain;}
.lg-footer-brand span{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.02em;}
.lg-footer-about{margin:0 0 18px!important;max-width:340px;font-size:13px;line-height:1.65;}
.lg-footer-col .lg-socials{margin-top:0!important;}
.lg-footer-t{margin:0 0 14px!important;}
.lg-footer-links{display:flex!important;flex-direction:column!important;gap:10px!important;}
.lg-footer-links a{font-size:13px;}
.lg-footer-bottom{padding-top:20px!important;margin:0!important;}
.lg-footer-copy{font-size:12.5px;}
@media(max-width:980px){
  .lg-footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 24px!important;}
  .lg-footer-col-brand{grid-column:1/-1;max-width:560px;}
}
@media(max-width:560px){
  .lg-footer-grid{grid-template-columns:1fr!important;gap:26px!important;}
  .lg-footer-inner{padding:40px 20px 22px!important;}
  .lg-footer-bottom{flex-direction:column;align-items:flex-start;}
}

/* ---------- CS2 hero v12: centered, no character ---------- */
.ax-cs2-hero-v12 .ax-cs2-hero-char{display:none!important;}
.ax-cs2-hero-v12{padding:92px 0 90px!important;text-align:center;}
.ax-cs2-hero-v12 .ax-cs2-hero-in{position:relative;z-index:2;max-width:900px!important;margin:0 auto!important;display:flex;flex-direction:column;align-items:center;}
.ax-cs2-hero-v12 .ax-eyebrow{justify-content:center;margin-bottom:0;}
.ax-cs2-hero-v12 .ax-cs2-h1{margin:20px 0 0!important;font-size:clamp(44px,6.8vw,82px)!important;}
.ax-cs2-hero-v12 .ax-cs2-lead{margin:20px auto 0!important;max-width:650px;}
.ax-cs2-hero-v12 .ax-hero-cta{margin:30px 0 0!important;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.ax-cs2-hero-v12 .ax-cs2-strip{margin:38px auto 0!important;width:100%;max-width:720px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;text-align:left;}
.ax-cs2-hero-v12 .lg-socials-hero{margin-top:24px!important;justify-content:center;}
@media(max-width:720px){
  .ax-cs2-hero-v12{padding:66px 0 70px!important;}
  .ax-cs2-hero-v12 .ax-cs2-strip{grid-template-columns:1fr!important;}
}

/* ---------- Showcase keeps the whole screenshot visible ---------- */
.cs2-swiper .swiper-slide{background:#030406!important;}
.cs2-swiper .swiper-slide .cs2-shot{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#030406;}
.cs2-swiper .ax-sl-ov{pointer-events:none;}

/* ---------- Feature matrix (site language only) ---------- */
.ax-feature-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;}
.ax-feature-group{position:relative;padding:26px 24px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014));overflow:hidden;}
.ax-feature-group::before{content:"";position:absolute;inset:0 auto auto 18px;width:70px;height:1px;background:linear-gradient(90deg,#25d9a4,transparent);}
.ax-feature-kicker{display:block;margin:0 0 10px;color:#66e5bf;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;}
.ax-feature-group h3{margin:0 0 19px;color:#f4f7fc;font-size:20px;font-weight:600;letter-spacing:-.02em;}
.ax-feature-group ul{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.ax-feature-group li{padding-top:12px;border-top:1px solid rgba(255,255,255,.055);}
.ax-feature-group li:first-child{padding-top:0;border-top:0;}
.ax-feature-group code{display:block;color:#dffcf3;font:600 11.5px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:normal;}
.ax-feature-group li span{display:block;margin-top:4px;color:rgba(238,241,248,.5);font-size:12.5px;line-height:1.55;}
@media(max-width:900px){.ax-feature-panel{grid-template-columns:1fr;}}

/* ---------- CS2 closing CTA ---------- */
.ax-cs2-cta-section{padding:88px 0 118px!important;}
.ax-cs2-cta{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;padding:38px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(140deg,rgba(37,217,164,.06),rgba(124,92,255,.05) 58%,rgba(255,255,255,.015));}
.ax-cs2-cta .ax-head{margin:0!important;}
.ax-cs2-cta-txt{text-align:left;}
.ax-cs2-cta-txt .ax-eyebrow{margin-bottom:16px;}
.ax-cs2-cta-txt .ax-h2{margin:0 0 12px!important;text-align:left!important;}
.ax-cs2-cta-txt .ax-lead{margin:0!important;max-width:520px;}
.ax-cs2-cta-card{padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(6,8,13,.55);backdrop-filter:blur(10px);}
.ax-cs2-cta-price{margin-bottom:16px;color:#f4f7fc;font-size:34px;font-weight:700;letter-spacing:-.03em;}
.ax-cs2-cta-price small{font-size:13px;font-weight:500;color:rgba(238,241,248,.45);}
.ax-cs2-cta-note{margin:12px 0 0;color:rgba(238,241,248,.45);font-size:12.5px;line-height:1.55;}
.lg-socials-cta{margin-top:16px!important;}
.lg-socials-cta .lg-soc{flex:1 1 0;justify-content:center;}
@media(max-width:900px){
  .ax-cs2-cta{grid-template-columns:1fr;padding:28px;}
  .ax-cs2-cta-section{padding:64px 0 84px!important;}
}

/* ---------- Social buttons with real brand marks ---------- */
.lg-socials{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;}
.lg-soc{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.03);color:rgba(238,241,248,.74);font-size:12.5px;font-weight:600;line-height:1;text-decoration:none!important;transition:border-color .18s,background .18s,color .18s;}
.lg-soc svg{width:17px;height:17px;flex:0 0 17px;}
.lg-soc:hover{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06);}
.lg-soc-tg svg{color:#2AABEE;}
.lg-soc-tg:hover{border-color:rgba(42,171,238,.5);background:rgba(42,171,238,.1);}
.lg-soc-dc svg{color:#5865F2;}
.lg-soc-dc:hover{border-color:rgba(88,101,242,.5);background:rgba(88,101,242,.1);}

/* ---------- Legal contact chips ---------- */
.ax-legal-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;}
.ax-social-chip{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025);text-decoration:none!important;transition:border-color .18s,background .18s;}
.ax-social-chip svg{width:19px;height:19px;flex:0 0 19px;}
.ax-social-chip b{font-size:13px;font-weight:700;color:#f4f7fc;}
.ax-social-chip small{margin-left:auto;font-size:11px;color:rgba(238,241,248,.45);}
.ax-social-chip:hover{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.05);}
.ax-social-telegram svg{color:#2AABEE;}
.ax-social-discord svg{color:#5865F2;}
@media(max-width:680px){.ax-legal-socials{grid-template-columns:1fr;}}