
/* MamaBetPro AUTH pages — no Online BetPro blue */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

body.form-page, body.auth-premium, .form-page.auth-premium {
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(245,197,24,.2), transparent 55%),
    radial-gradient(900px 500px at 95% 10%, rgba(34,197,94,.18), transparent 50%),
    linear-gradient(180deg,#070b09,#0b1210 50%,#050805) !important;
  font-family:"Outfit",system-ui,sans-serif !important;
  color:#f7faf8 !important;
}
.auth-premium .form-shell, .form-shell {
  background: linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.02)) !important;
  border:1px solid rgba(34,197,94,.28) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 40px rgba(34,197,94,.08) !important;
  backdrop-filter:blur(16px);
}
.auth-premium .form-brand h1, .form-brand h1 {
  font-family:"Space Grotesk",sans-serif !important;
  color:#fff !important;
}
.auth-premium .form-brand p, .form-brand p, .back-link { color:#9fb2a7 !important; }
.back-link:hover { color:#f5c518 !important; }

.auth-premium .brand-mark, .brand-mark {
  width:48px!important;height:48px!important;border-radius:14px!important;border:0!important;
  display:inline-grid!important;grid-template-columns:1fr 1fr!important;overflow:hidden!important;
  background:none!important; font-size:0!important; color:transparent!important;
  box-shadow:0 0 28px rgba(245,197,24,.3),0 0 28px rgba(34,197,94,.2)!important;
}
.auth-premium .brand-mark::before, .brand-mark::before {
  content:"M"; display:grid; place-items:center; background:#f5c518; color:#1a1400;
  font:800 16px "Space Grotesk",sans-serif !important; font-size:16px!important;
}
.auth-premium .brand-mark::after, .brand-mark::after {
  content:"B"; display:grid; place-items:center; background:#0b1210; color:#22c55e;
  font:800 16px "Space Grotesk",sans-serif !important; font-size:16px!important;
}

.auth-premium .field label, .field label { color:#9fb2a7 !important; }
.auth-premium input, .auth-premium .field input, .field input, .country-search {
  background:rgba(0,0,0,.4)!important;
  border:1px solid rgba(34,197,94,.25)!important;
  color:#fff!important;
  border-radius:12px!important;
}
.auth-premium input:focus, .field input:focus {
  border-color:#f5c518!important;
  box-shadow:0 0 0 3px rgba(245,197,24,.18)!important;
}

.auth-premium .btn.primary, .btn.primary.btn-full {
  background:linear-gradient(120deg,#f5c518,#ffe56a 40%,#22c55e)!important;
  color:#07110c!important;
  border:0!important;
  box-shadow:0 14px 36px rgba(34,197,94,.28)!important;
}
.auth-premium .btn.primary:hover { filter:brightness(1.06); transform:translateY(-2px); }

.auth-premium .btn-google, .btn-google {
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.3)!important;
  color:#fff!important;
}
.auth-premium .btn-google span, .btn-google span { color:#fff!important; }
.auth-or, .auth-premium .auth-or { color:rgba(255,255,255,.85)!important; }
.auth-or:before, .auth-or:after { background:rgba(255,255,255,.35)!important; }

.auth-premium .tile-corner { border-color:rgba(245,197,24,.5)!important; }
.auth-premium .form-footer a { color:#86efac!important; }
.auth-premium .form-footer a:hover { color:#f5c518!important; }

/* country picker — mama colors */
.country-picker, .country-btn, #countryBtn, .phone-wrap .country-picker, .auth-premium .country-picker {
  background:rgba(0,0,0,.4)!important;
  border:1px solid rgba(34,197,94,.3)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.country-dropdown, .country-list, .country-menu, .auth-premium .country-dropdown {
  background:#0b1210!important;
  border:1px solid rgba(34,197,94,.3)!important;
  color:#fff!important;
}
.country-item, .country-option {
  color:#f7faf8!important;
  background:transparent!important;
}
.country-item:hover, .auth-premium .country-item:hover {
  background:rgba(34,197,94,.16)!important;
  color:#fff!important;
}
.country-item .dial, .country-code, .dial-code, .country-dial {
  color:#f5c518!important;
}
.auth-premium .phone-wrap .country-picker span,
.country-picker span { color:#fff!important; }

/* kill leftover blue glows from auth-premium */
.auth-premium .btn.primary.btn-full,
.auth-premium .form-shell {
  box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 30px rgba(34,197,94,.1)!important;
}
