.mv-login-backdrop{position:fixed;inset:0;z-index:10000;background:#04140ac7;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px;animation:mvLoginFadeIn .2s ease-out}@keyframes mvLoginFadeIn{0%{opacity:0}to{opacity:1}}@property --mv-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes mvLoginSpin{to{--mv-angle: 360deg}}.mv-login-card{--mv-angle: 0deg;width:min(760px,100%);display:grid;grid-template-columns:1.1fr 1fr;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(160deg,#0d3b20,#0f4a28 55%,#0a2f18);color:#ecfdf5;font-family:Segoe UI,system-ui,sans-serif;box-shadow:0 30px 90px #0009,0 0 60px #22c55e2e;animation:mvLoginRise .32s cubic-bezier(.2,.9,.3,1.2)}@keyframes mvLoginRise{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.mv-login-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--mv-angle),rgba(74,222,128,.15),#4ade80,rgba(74,222,128,.15) 40%,rgba(74,222,128,.15) 60%,#86efac,rgba(74,222,128,.15));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:mvLoginSpin 6s linear infinite}.mv-login-close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border-radius:8px;background:#061a0d66;border:1px solid transparent;color:#86efac;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mv-login-close:hover{color:#fff;border-color:#4ade8066;background:#14523099}.mv-login-close[hidden]{display:none}.mv-login-hero{position:relative;overflow:hidden;padding:34px 30px 26px;background:radial-gradient(ellipse at 20% 10%,rgba(74,222,128,.22),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(250,204,21,.1),transparent 50%),linear-gradient(160deg,#14523099,#0a2f18e6);border-right:1px solid rgba(74,222,128,.14)}.mv-login-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(28px);opacity:.55;animation:mvOrb 9s ease-in-out infinite alternate}.mv-login-orb-a{width:220px;height:220px;left:-70px;top:-80px;background:#22c55e}.mv-login-orb-b{width:180px;height:180px;right:-60px;bottom:-70px;background:#16a34a;animation-delay:-4s}@keyframes mvOrb{0%{transform:translate(0) scale(1)}to{transform:translate(24px,18px) scale(1.15)}}.mv-login-kicker{position:relative;display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#bbf7d0;background:#22c55e29;border:1px solid rgba(74,222,128,.35);margin-bottom:12px}.mv-login-title{position:relative;font-size:28px;font-weight:900;letter-spacing:.3px;line-height:1.1;background:linear-gradient(90deg,#fff,#bbf7d0 45%,#4ade80 75%,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 18px;animation:mvShimmer 5s linear infinite}@keyframes mvShimmer{to{background-position:-200% 0}}.mv-login-benefits{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mv-login-benefit{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#061a0d59;border:1px solid rgba(74,222,128,.16);opacity:0;transform:translateY(8px);animation:mvBenefitIn .42s ease-out forwards;animation-delay:calc(.18s + var(--i) * .11s)}@keyframes mvBenefitIn{to{opacity:1;transform:none}}.mv-login-check{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#052e16;background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 0 14px #4ade808c,inset 0 1px #fff6;transform:scale(0);animation:mvCheckPop .36s cubic-bezier(.3,1.6,.5,1) forwards;animation-delay:calc(.36s + var(--i) * .11s)}.mv-login-check svg{width:15px;height:15px}@keyframes mvCheckPop{to{transform:scale(1)}}.mv-login-benefit-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.mv-login-benefit-text strong{font-size:13.5px;font-weight:800;color:#ecfdf5}.mv-login-benefit-text small{font-size:11.5px;color:#bbf7d0bf;line-height:1.35}.mv-login-avatars{display:flex;flex:none;padding-left:8px}.mv-login-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid #0d3b20;margin-left:-9px;background:radial-gradient(circle at 50% 40%,#22c55e,#14532d 70%);box-shadow:0 2px 6px #0006}.mv-login-avatar:first-child{margin-left:0}.mv-login-avatar img{display:block;width:100%;height:100%;transform:scale(2.3);transform-origin:50% 14%}.mv-login-perks{position:relative;margin-top:18px;display:flex;flex-wrap:wrap;gap:6px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.mv-login-perks span{--c: #4ade80;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--c) 25%,transparent);text-shadow:0 0 8px color-mix(in srgb,var(--c) 50%,transparent)}.mv-login-perks span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.mv-login-perk-free{--c: #4ade80}.mv-login-perk-card{--c: #fbbf24}.mv-login-perk-fun{--c: #f472b6}.mv-login-actions{position:relative;padding:34px 28px 22px;display:flex;flex-direction:column;justify-content:center}.mv-login-actions-title{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#86efac;margin-bottom:12px}.mv-login-form{display:flex;flex-direction:column;gap:10px}.mv-login-input{width:100%;box-sizing:border-box;padding:12px 14px;background:#061a0d8c;border:1px solid rgba(74,222,128,.3);border-radius:10px;color:#ecfdf5;font-family:inherit;font-size:14px;outline:none;transition:all .15s}.mv-login-input::placeholder{color:#86efac80}.mv-login-input:focus{border-color:#4ade80;box-shadow:0 0 0 3px #22c55e2e;background:#14523099}.mv-login-input:disabled{opacity:.55;cursor:not-allowed}.mv-login-btn{padding:12px 16px;border-radius:10px;border:1px solid #4ade80;background:linear-gradient(135deg,#16a34a,#0d3b20);color:#fff;font-weight:800;font-size:14px;letter-spacing:.3px;cursor:pointer;font-family:inherit;box-shadow:0 0 14px #22c55e4d,inset 0 1px #4ade8040;transition:all .15s}.mv-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#166534);box-shadow:0 0 22px #22c55e8c,0 0 40px #22c55e33;transform:translateY(-1px)}.mv-login-btn:disabled{opacity:.5;cursor:not-allowed}.mv-login-divider{display:flex;align-items:center;gap:10px;color:#6ee7b7;font-size:11px;letter-spacing:.8px;margin:16px 0 12px}.mv-login-divider:before,.mv-login-divider:after{content:"";flex:1;height:1px;background:#4ade8033}.mv-login-oauth{display:flex;flex-direction:column;gap:8px}.mv-login-oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;background:#0d3b2080;border:1px solid rgba(74,222,128,.25);border-radius:10px;color:#ecfdf5;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit;transition:all .15s}.mv-login-oauth-btn:hover{background:#14523099;border-color:#4ade8080}.mv-login-oauth-btn svg{width:18px;height:18px}.mv-login-oauth-btn[data-provider=discord]{background:linear-gradient(135deg,#5865f2,#4752c4);border-color:#7983f3;color:#fff;box-shadow:0 0 18px #5865f273,0 2px 6px #0000004d,inset 0 1px #ffffff26}.mv-login-oauth-btn[data-provider=discord] svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.mv-login-oauth-btn[data-provider=discord]:hover{background:linear-gradient(135deg,#6a75f5,#5865f2);border-color:#a0a8f8;box-shadow:0 0 28px #5865f2b3,0 0 56px #5865f24d,0 4px 10px #00000059,inset 0 1px #fff3;transform:translateY(-1px)}.mv-login-oauth-btn[data-provider=google]{background:#fff;border:1px solid #dadce0;color:#3c4043;font-weight:500;box-shadow:0 1px 2px #00000040,0 2px 6px #00000026}.mv-login-oauth-btn[data-provider=google]:hover{background:#f8f9fa;border-color:#c6c8cb;box-shadow:0 1px 3px #0000004d,0 4px 12px #0003;transform:translateY(-1px)}.mv-login-status{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:13px;text-align:center}.mv-login-status.info{background:#22c55e1f;border:1px solid rgba(74,222,128,.35);color:#bbf7d0}.mv-login-status.error{background:#ef44441f;border:1px solid rgba(252,165,165,.4);color:#fecaca}.mv-login-status[hidden]{display:none}.mv-login-foot{margin-top:16px;font-size:11px;color:#86efac8c;text-align:center;line-height:1.5}.mv-login-foot a{color:#86efacd9;text-decoration:underline}.mv-login-foot a:hover{color:#bbf7d0}@media (max-width: 640px){.mv-login-card{grid-template-columns:1fr;max-height:calc(100vh - 32px);overflow-y:auto}.mv-login-hero{padding:26px 20px 18px;border-right:none;border-bottom:1px solid rgba(74,222,128,.14)}.mv-login-title{font-size:24px}.mv-login-actions{padding:20px 20px 18px}}@media (prefers-reduced-motion: reduce){.mv-login-card,.mv-login-card:before,.mv-login-orb,.mv-login-title,.mv-login-benefit,.mv-login-check{animation:none}.mv-login-benefit{opacity:1;transform:none}.mv-login-check{transform:none}}.mv-login-reason{font-size:13px;line-height:1.45;font-weight:600;color:#f8fafc;background:#22c55e24;border:1px solid rgba(74,222,128,.45);border-radius:10px;padding:10px 12px;margin-bottom:14px}