/* ARENACTIVE v1.48.5.298 — Google visual closer to approved mock
   OAuth behavior is unchanged. Google remains the secondary option BELOW ARENACTIVE. */

.google-auth-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:13px;
  color:#596570;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.35px;
  text-transform:uppercase;
}
.google-auth-divider:before,.google-auth-divider:after{
  content:"";
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13));
}
.google-auth-divider:after{background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}
.google-auth-divider-bottom{margin:21px 0 13px}

.google-auth-entry{
  position:relative;
  isolation:isolate;
  display:grid;
  gap:16px;
  margin:0 0 19px;
  padding:20px 19px 19px;
  overflow:hidden;
  border:1px solid rgba(255,42,47,.82);
  border-radius:10px;
  background:
    radial-gradient(circle at 92% 5%,rgba(237,23,23,.18),transparent 37%),
    linear-gradient(145deg,rgba(23,10,13,.99),rgba(7,11,15,.995) 56%,rgba(5,8,11,.995));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 3px 0 0 rgba(255,39,44,.86),
    0 0 0 1px rgba(237,23,23,.12),
    0 0 22px rgba(237,23,23,.18),
    0 22px 50px rgba(0,0,0,.31);
}
.google-auth-entry:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  top:0;
  width:64%;
  height:2px;
  background:linear-gradient(90deg,#ff3035,rgba(255,48,53,.45),transparent);
  box-shadow:0 0 18px rgba(255,37,42,.72);
}
.google-auth-entry:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-8px;top:4px;
  width:150px;height:74px;
  background:url('/assets/brand/logo-144.png?v=20261010-brand') center/contain no-repeat;
  opacity:.10;
  transform:none;
  pointer-events:none;
}

.google-auth-head{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}
.google-auth-copy{
  display:grid;
  gap:7px;
  min-width:0;
}
.google-auth-kicker{
  color:#ff3d43;
  font-size:11px;
  line-height:1;
  font-weight:1000;
  letter-spacing:1.25px;
  text-transform:uppercase;
  text-shadow:0 0 13px rgba(237,23,23,.26);
}
.google-auth-copy p{
  max-width:330px;
  margin:0;
  color:#a5afb8;
  font-size:11px;
  line-height:1.42;
  font-weight:720;
}

.google-auth-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.google-auth-benefits span{
  min-width:0;
  min-height:30px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 7px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(3,7,10,.50);
  color:#929ea8;
  font-size:8.4px;
  line-height:1.15;
  font-weight:850;
}
.google-auth-benefits i{
  width:15px;
  height:15px;
  flex:0 0 15px;
  display:grid;
  place-items:center;
  border:1px solid rgba(237,23,23,.55);
  border-radius:50%;
  background:rgba(237,23,23,.07);
  color:#ff4449;
  font-size:8px;
  font-style:normal;
  font-weight:1000;
}

.google-auth-button{
  position:relative;
  z-index:1;
  min-height:61px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 28px;
  align-items:center;
  gap:14px;
  padding:7px 15px 7px 8px;
  overflow:hidden;
  border:1px solid rgba(255,63,68,.87);
  border-radius:9px;
  background:
    radial-gradient(circle at 12% 50%,rgba(255,255,255,.045),transparent 25%),
    linear-gradient(180deg,rgba(28,19,22,.99),rgba(7,10,14,.99));
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 0 1px rgba(237,23,23,.13),
    0 0 18px rgba(237,23,23,.18);
  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease,
    box-shadow .15s ease;
}
.google-auth-button:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#ff363c 24%,#ff363c 76%,transparent);
  opacity:.62;
}
.google-auth-button:hover,
.google-auth-button:focus-visible{
  transform:translateY(-1px);
  border-color:#ff454a;
  background:
    radial-gradient(circle at 12% 50%,rgba(255,255,255,.06),transparent 26%),
    linear-gradient(180deg,rgba(43,17,20,.99),rgba(8,10,14,.99));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 0 1px rgba(255,46,51,.22),
    0 0 27px rgba(237,23,23,.31),
    0 13px 28px rgba(0,0,0,.28);
}
.google-auth-button:active{
  transform:translateY(0);
  box-shadow:0 0 17px rgba(237,23,23,.19);
}
.google-auth-brand{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:6px;
  background:linear-gradient(180deg,#fff,#e9edf1);
  box-shadow:0 8px 18px rgba(0,0,0,.21);
}
.google-auth-g{width:27px;height:27px;display:block}
.google-auth-button-copy{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  font-size:12.3px;
  font-weight:1000;
  letter-spacing:.45px;
  text-transform:uppercase;
  text-shadow:0 1px 0 #000;
}
.google-auth-arrow{
  color:#ff353a;
  font-size:22px;
  line-height:1;
  font-weight:1000;
  transform:translateX(0);
  filter:drop-shadow(0 0 7px rgba(237,23,23,.34));
  transition:transform .15s ease,color .15s ease;
}
.google-auth-button:hover .google-auth-arrow{
  transform:translateX(4px);
  color:#ff686c;
}

/* angular corner details */
.google-auth-entry .google-auth-head:before,
.google-auth-entry .google-auth-head:after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  pointer-events:none;
  opacity:.7;
}
.google-auth-entry .google-auth-head:before{
  left:-10px;
  top:-10px;
  border-left:1px solid rgba(255,62,67,.45);
  border-top:1px solid rgba(255,62,67,.45);
}
.google-auth-entry .google-auth-head:after{
  right:-10px;
  top:-10px;
  border-right:1px solid rgba(255,62,67,.30);
  border-top:1px solid rgba(255,62,67,.30);
}

@media(max-width:620px){
  .google-auth-entry{
    padding:16px 14px 15px;
    gap:13px;
    border-radius:8px;
  }
  .google-auth-benefits{
    grid-template-columns:1fr;
    gap:5px;
  }
  .google-auth-benefits span{min-height:27px}
  .google-auth-button{
    min-height:57px;
    grid-template-columns:42px minmax(0,1fr) 22px;
    gap:10px;
    padding-right:11px;
  }
  .google-auth-brand{width:42px;height:42px}
  .google-auth-g{width:24px;height:24px}
  .google-auth-button-copy{font-size:10.7px}
  .google-auth-arrow{font-size:19px}
}

@media(prefers-reduced-motion:reduce){
  .google-auth-button,.google-auth-arrow{transition:none}
}


/* The one-time language step keeps the existing logic, but gets the same visual identity. */
.google-language-page{
  min-height:calc(100vh - 80px);
  display:grid;
  place-items:center;
  padding:34px 18px;
}
.google-language-card{
  position:relative;
  isolation:isolate;
  width:min(680px,100%);
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(237,23,23,.40);
  background:
    radial-gradient(circle at 12% 0,rgba(237,23,23,.14),transparent 36%),
    linear-gradient(155deg,#0c1015,#06090d 66%,#08070a);
  box-shadow:
    inset 3px 0 0 rgba(237,23,23,.70),
    0 30px 80px rgba(0,0,0,.45);
}
.google-language-card:before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:46%;height:1px;
  background:linear-gradient(90deg,#ed1717,rgba(237,23,23,.12),transparent);
  box-shadow:0 0 16px rgba(237,23,23,.35);
}
.google-language-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:20px;top:12px;
  width:150px;height:74px;
  background:url('/assets/brand/logo-144.png?v=20261010-brand') center/contain no-repeat;
  opacity:.10;
  transform:none;
  pointer-events:none;
}
.google-language-kicker{color:#ff4b4f;font-size:10px;font-weight:1000;letter-spacing:1.2px}
.google-language-card h1{margin:8px 0 8px;font-size:30px;line-height:1.05}
.google-language-card>p{margin:0;color:#95a1ac;font-size:13px}
.google-language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 14px}
.google-language-grid form{margin:0}
.google-language-option{
  width:100%;
  min-height:94px;
  padding:14px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(180deg,#0a0e13,#070a0e);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.google-language-option:hover{
  transform:translateY(-2px);
  border-color:rgba(237,23,23,.58);
  background:linear-gradient(135deg,rgba(237,23,23,.14),#090d12 58%);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.google-language-option span{
  width:34px;height:34px;
  display:grid;place-items:center;
  border:1px solid rgba(237,23,23,.38);
  background:rgba(237,23,23,.045);
  color:#ff5a5e;
  font-size:10px;font-weight:1000;
}
.google-language-option strong{font-size:14px;letter-spacing:.3px}
.google-language-option i{font-style:normal;color:#ff4448;font-size:18px}
.google-language-card>small{color:#66737f;font-size:10px;font-weight:750}

@media(max-width:620px){
  .google-auth-entry{padding:13px}
  .google-auth-button{grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;min-height:52px}
  .google-auth-brand{width:36px;height:36px}
  .google-auth-button-copy{font-size:10.5px}
  .google-language-card{padding:20px}
  .google-language-grid{grid-template-columns:1fr}
  .google-language-card h1{font-size:25px}
  .google-language-option{min-height:68px}
}
@media(prefers-reduced-motion:reduce){
  .google-auth-button,.google-auth-arrow,.google-language-option{transition:none}
}