body.moneygate-login{margin:0;padding:0;min-width:0;background:#f6efff;color:#2a0f55;font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}
.mg-login,.mg-login *{box-sizing:border-box}
.mg-login{min-height:calc(100vh - 55px);display:flex;flex-direction:column;background:radial-gradient(900px 600px at 80% 30%,#ffe9b8 0%,rgba(255,233,184,0) 60%),radial-gradient(1000px 700px at 0% 0%,#e4d0ff 0%,rgba(228,208,255,0) 70%),linear-gradient(180deg,#f3e8ff 0%,#fbf6ff 60%,#f1e6ff 100%);overflow-x:hidden;font-size:16px;line-height:normal}
.mg-login a{color:#6a2fd0;text-decoration:none}
.mg-login a:hover{color:#3a1580}
.mg-login button,.mg-login input{margin:0;font:inherit}
.mg-login [hidden]{display:none!important}
.mg-login input::placeholder{color:#b49ad8;opacity:1}
.mg-login .mg-login-header{width:100%;max-width:1240px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mg-login .mg-site-brand{color:#2a0f55;font-family:Unbounded,sans-serif;letter-spacing:-.02em}
.mg-login .mg-login-home{font-weight:600;font-size:15px;color:#5a3a8a}
.mg-login-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:20px 24px 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:center}
.mg-login-card{width:100%;max-width:480px;justify-self:center;padding:clamp(28px,4vw,44px);border-radius:32px;background:rgba(255,255,255,.88);box-shadow:0 30px 80px rgba(90,40,160,.18);display:flex;flex-direction:column;gap:24px}
.mg-login-badge{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:#f6efff;color:#a86a00;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.mg-login .mg-login-title{margin:0;max-width:none;font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(30px,3.4vw,40px);line-height:1.08;letter-spacing:-.03em;text-transform:none}
.mg-login-title em{font-family:'Cormorant Garamond',serif;font-style:italic;color:#7b3fe4;font-size:1.15em;letter-spacing:0}
.mg-login-form,.mg-login-fields{display:flex;flex-direction:column;gap:18px}
.mg-login .itop_calc{position:relative;width:100%;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.mg-login label{margin:0;cursor:pointer}
.mg-login-field{display:flex;flex-direction:column;gap:8px}
.mg-login-label{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:14px;color:#6a4a9a}
.mg-login-label a{font-weight:700}
.mg-login .mg-login-input{display:block;width:100%;height:auto;padding:18px 20px;border-radius:18px;border:2px solid #e6d8fb;background:#fbf8ff;font-family:Unbounded,sans-serif;font-weight:600;font-size:20px;color:#2a0f55;outline:none;box-shadow:none}
.mg-login .mg-login-input:focus{border-color:#7b3fe4;box-shadow:0 0 0 5px rgba(123,63,228,.15)}
.mg-login .mg-login-password{padding-right:64px;font-family:Manrope,sans-serif;font-size:18px}
.mg-login-password-wrap{position:relative;display:block}
.mg-login .mg-login-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:12px;cursor:pointer;background:transparent;color:#7b3fe4;display:flex;align-items:center;justify-content:center;padding:0}
.mg-login-toggle:hover{background:#f3e8ff}
.mg-login-toggle svg{display:block;width:22px;height:22px;max-width:none}
.mg-login-toggle[aria-pressed=true] .mg-login-eye-slash{display:none}
.mg-login .mg-login-button{display:block;width:100%;border:0;cursor:pointer;padding:20px 28px;border-radius:99px;background:linear-gradient(180deg,#ffe08a,#f2b630);color:#2a0f55;text-align:center;font-family:Unbounded,sans-serif;font-weight:800;font-size:17px;line-height:normal;text-decoration:none;box-shadow:0 12px 30px rgba(242,182,48,.45),inset 0 -3px 0 rgba(150,90,0,.3)}
.mg-login .mg-login-button:hover{filter:brightness(1.06);color:#2a0f55}
.mg-login-button.loading{opacity:.55;pointer-events:none}
.mg-login .mg-login-error{padding:12px 16px;border-radius:14px;background:#ffeef2;color:#b0234a;font-size:14px;font-weight:600}
.mg-login .-error .mg-login-input{border-color:#b0234a}
.mg-login-notice{margin:0;font-size:14px;line-height:1.5;color:#6a4a9a}
.mg-login-captcha{min-width:0;max-width:100%;min-height:100px}
.mg-login-divider{height:1px;background:#efe4ff}
.mg-login-register{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
.mg-login-register span{color:#8a70b8}
.mg-login-register a{font-weight:700}
.mg-login-gateway{position:relative;width:100%;max-width:480px;aspect-ratio:1/1;justify-self:center}
.mg-login-halo{position:absolute;left:50%;top:58%;width:76%;height:76%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff6d0 0%,#ffd66b 30%,rgba(181,108,255,.45) 60%,rgba(181,108,255,0) 72%);filter:blur(10px)}
.mg-login-pulse{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,0) 45%);animation:mg-login-pulse 3s ease-in-out infinite}
.mg-login-gateway svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;max-width:none}
.mg-login-rays{transform-origin:0 0;animation:mg-login-spin 40s linear infinite}
.mg-login-coins{position:absolute;left:50%;top:92%;width:0;height:0}
.mg-login-coin{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6cf,#ffcf4a 50%,#c98a12);border:2px solid #a86a00;color:#8a5600;display:flex;align-items:center;justify-content:center;font-family:Unbounded,sans-serif;font-weight:800;font-size:13px;box-shadow:0 0 16px rgba(255,214,107,.7);animation:mg-login-rise var(--flight-duration) var(--flight-delay) ease-out infinite}
.mg-login.is-animation-paused *{animation-play-state:paused!important}
.moneygate-login .hide{display:none}
.moneygate-login .info-modal{padding:32px;max-width:480px;color:#2a0f55;background:#fff;border-radius:22px}
.moneygate-login .moneygate-footer .container{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
@keyframes mg-login-pulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@keyframes mg-login-spin{to{transform:rotate(360deg)}}
@keyframes mg-login-rise{0%{transform:translate(-50%,0) scale(.4);opacity:0}15%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),-260px) scale(1) rotate(var(--rot));opacity:0}}
@media(prefers-reduced-motion:reduce){.mg-login *{animation:none!important;scroll-behavior:auto!important}.mg-login-coins{display:none}}