/* MSM v1.0.14 — cumulative premium login methods + stronger light glow */
.login-methods{
  gap:10px!important;
  padding:8px!important;
  border-radius:20px!important;
}
.login-method{
  min-height:96px!important;
  padding:12px 8px 10px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.login-method .login-method-icon{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:2!important;
}
.login-method .login-method-icon svg{
  width:42px!important;
  height:42px!important;
  display:block!important;
}
.login-method>b{
  position:relative!important;
  z-index:2!important;
  font-size:11.6px!important;
  font-weight:800!important;
}
.login-method:after{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:22px;
  background:radial-gradient(circle,rgba(249,115,22,.20) 0%,rgba(249,115,22,.10) 38%,rgba(249,115,22,0) 74%);
  opacity:.46;
  pointer-events:none;
  z-index:0;
  transition:opacity .22s ease,transform .22s ease;
}
.login-method:hover:after,.login-method.is-active:after{opacity:.9;transform:scale(1.03)}
.login-method.is-active .login-method-icon,.login-method.google-ready .login-method-icon{
  animation:msmLoginIconPulse 2.2s ease-in-out infinite!important;
}
@keyframes msmLoginIconPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 4px 12px rgba(249,115,22,.18))}
  50%{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(249,115,22,.42))}
}
html[data-theme="light"] .login-methods{
  background:linear-gradient(160deg,#fffaf7,#fff2e8)!important;
  border-color:rgba(234,88,12,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 30px rgba(104,62,28,.07),0 0 42px rgba(249,115,22,.08)!important;
}
html[data-theme="light"] .login-method{
  background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,248,242,.98))!important;
  color:#8c7463!important;
  border-color:rgba(249,115,22,.14)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 10px 24px rgba(90,54,28,.07),
    0 0 0 1px rgba(255,162,76,.12),
    0 0 32px rgba(249,115,22,.17),
    0 0 64px rgba(249,115,22,.12)!important;
}
html[data-theme="light"] .login-method:after{
  background:radial-gradient(circle,rgba(249,115,22,.30) 0%,rgba(249,115,22,.18) 36%,rgba(249,115,22,0) 76%)!important;
  opacity:.68;
}
html[data-theme="light"] .login-method:hover{
  border-color:rgba(234,88,12,.34)!important;
  color:#c45a08!important;
  background:linear-gradient(160deg,rgba(255,242,229,.98),rgba(255,255,255,.98))!important;
  box-shadow:
    0 16px 32px rgba(234,88,12,.15),
    0 0 0 1px rgba(249,115,22,.16),
    0 0 46px rgba(249,115,22,.27),
    0 0 84px rgba(249,115,22,.18)!important;
}
html[data-theme="light"] .login-method.is-active{
  border-color:rgba(234,88,12,.50)!important;
  color:#c24f00!important;
  background:linear-gradient(160deg,rgba(255,210,171,.50),rgba(255,255,255,.96))!important;
  box-shadow:
    0 18px 34px rgba(234,88,12,.18),
    0 0 0 1px rgba(249,115,22,.16),
    0 0 52px rgba(249,115,22,.34),
    0 0 96px rgba(249,115,22,.22),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}
/* Reassert v1.0.11 primary action so older inline CSS can never turn it dark in light theme. */
html[data-theme="light"] .btn-login{
  color:#fff!important;
  border:1px solid rgba(255,136,37,.9)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.04) 42%),
    linear-gradient(135deg,rgba(255,145,48,.98),rgba(234,88,12,.95) 58%,rgba(194,65,12,.92))!important;
  box-shadow:0 16px 36px rgba(234,88,12,.27),0 0 30px rgba(249,115,22,.20),inset 0 1px 0 rgba(255,255,255,.56)!important;
}
html[data-theme="light"] .btn-login:hover:not(:disabled){
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.31),rgba(255,255,255,.05) 42%),
    linear-gradient(135deg,#ff9a42,#f97316 58%,#d94f0b)!important;
  box-shadow:0 19px 42px rgba(234,88,12,.32),0 0 38px rgba(249,115,22,.27),inset 0 1px 0 rgba(255,255,255,.64)!important;
}
@media(max-width:480px){
  .login-method{min-height:88px!important;padding:10px 6px 9px!important}
  .login-method .login-method-icon{width:40px!important;height:40px!important}
  .login-method .login-method-icon svg{width:38px!important;height:38px!important}
  .login-method>b{font-size:9.6px!important}
}