.mlogin{position:fixed;inset:0;z-index:9999;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;color:#0f1726;font-family:var(--font-geist-sans),"Plus Jakarta Sans",system-ui,sans-serif;overflow:hidden}.mlogin-art{position:relative;overflow:hidden;background:radial-gradient(1100px 760px at 18% 8%,#163566 0,rgba(22,53,102,0) 55%),radial-gradient(900px 720px at 92% 100%,#0c2f5c 0,rgba(12,47,92,0) 52%),linear-gradient(160deg,#0b1430,#081024 55%,#060c1c);color:#e8eefb}.mlogin-stars{position:absolute;inset:-20%;background-image:radial-gradient(1.4px 1.4px at 20% 30%,hsla(0,0%,100%,.9),transparent),radial-gradient(1.2px 1.2px at 70% 20%,rgba(180,210,255,.8),transparent),radial-gradient(1.6px 1.6px at 40% 70%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 85% 60%,rgba(160,200,255,.8),transparent),radial-gradient(1.3px 1.3px at 55% 45%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 12% 80%,rgba(200,220,255,.7),transparent),radial-gradient(1.5px 1.5px at 92% 35%,hsla(0,0%,100%,.7),transparent);animation:mlogin-twinkle 6s ease-in-out infinite}@keyframes mlogin-twinkle{0%,to{opacity:.55}50%{opacity:1}}.mlogin-grid{position:absolute;left:-30%;right:-30%;bottom:-14%;height:70%;background-image:linear-gradient(rgba(86,150,233,.28) 1px,transparent 0),linear-gradient(90deg,rgba(86,150,233,.28) 1px,transparent 0);background-size:52px 52px;transform:perspective(560px) rotateX(66deg);transform-origin:bottom center;mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.12) 62%,transparent);-webkit-mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.12) 62%,transparent);animation:mlogin-grid 8s linear infinite}@keyframes mlogin-grid{0%{background-position:0 0,0 0}to{background-position:0 52px,52px 0}}.mlogin-radar{position:absolute;top:14%;right:-16%;width:620px;height:620px;border-radius:50%;background:conic-gradient(from 0deg,rgba(74,140,224,.35) 0deg,rgba(74,140,224,.04) 36deg,transparent 120deg,transparent 1turn);-webkit-mask:radial-gradient(closest-side,transparent 0,transparent 28%,#000 30%,#000 100%);mask:radial-gradient(closest-side,transparent 0,transparent 28%,#000 30%,#000 100%);opacity:.6;animation:mlogin-spin 12s linear infinite}@keyframes mlogin-spin{to{transform:rotate(1turn)}}.mlogin-rings{position:absolute;top:18%;right:4%;width:360px;height:360px}.mlogin-rings span{position:absolute;inset:0;margin:auto;border:1px solid rgba(110,169,238,.28);border-radius:50%;animation:mlogin-ping 3.6s ease-out infinite}.mlogin-rings span:nth-child(2){animation-delay:1.2s}.mlogin-rings span:nth-child(3){animation-delay:2.4s}@keyframes mlogin-ping{0%{transform:scale(.4);opacity:.9}to{transform:scale(1);opacity:0}}.mlogin-orb{position:absolute;border-radius:50%;filter:blur(54px);opacity:.5;will-change:transform}.mlogin-orb.o1{width:320px;height:320px;top:-50px;left:-40px;background:radial-gradient(circle,#2f7ad6,transparent 70%);animation:mlogin-float 15s ease-in-out infinite}.mlogin-orb.o2{width:240px;height:240px;top:46%;left:8%;background:radial-gradient(circle,#1b68b5,transparent 70%);animation:mlogin-float 19s ease-in-out infinite reverse}.mlogin-orb.o3{width:200px;height:200px;bottom:6%;right:18%;background:radial-gradient(circle,#6fa9ee,transparent 70%);animation:mlogin-float 12s ease-in-out infinite}@keyframes mlogin-float{0%,to{transform:translate(0)}50%{transform:translate(30px,-38px)}}.mlogin-scan{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(120,180,255,.07),transparent);animation:mlogin-sweep 7s ease-in-out infinite}@keyframes mlogin-sweep{0%{left:-40%}to{left:100%}}.mlogin-hud{position:absolute;width:34px;height:34px;border:1.5px solid rgba(122,176,236,.5)}.mlogin-hud.tl{top:26px;left:26px;border-right:0;border-bottom:0}.mlogin-hud.tr{top:26px;right:26px;border-left:0;border-bottom:0}.mlogin-hud.bl{bottom:26px;left:26px;border-right:0;border-top:0}.mlogin-hud.br{bottom:26px;right:26px;border-left:0;border-top:0}.mlogin-art:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,.022) 0 1px,transparent 1px 3px);pointer-events:none;mix-blend-mode:overlay}.mlogin-art-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(40px,5vw,76px)}.mlogin-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;border:1px solid rgba(37,208,122,.35);background:rgba(37,208,122,.08);font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#7ef0b6;margin-bottom:24px}.mlogin-badge .dot{width:7px;height:7px;border-radius:50%;background:#25d07a;box-shadow:0 0 8px #25d07a;animation:mlogin-blink 1.8s ease-in-out infinite}@keyframes mlogin-blink{0%,to{opacity:1}50%{opacity:.35}}.mlogin-kicker{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#7fb0ec;margin-bottom:14px}.mlogin-word{font-family:var(--font-display),Georgia,serif;font-weight:600;font-size:clamp(64px,8.5vw,116px);line-height:.9;letter-spacing:-.02em;margin:0;background:linear-gradient(155deg,#fff,#b9d3f5 60%,#4f86d6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(79,134,214,.35)}.mlogin-tag{max-width:36ch;margin:22px 0 0;font-size:16px;line-height:1.55;color:#b3c3dc}.mlogin-stats{display:flex;gap:40px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(122,176,236,.16)}.mlogin-stats div{display:flex;flex-direction:column;gap:3px}.mlogin-stats b{font-family:var(--font-display),Georgia,serif;font-size:28px;font-weight:600;color:#eaf2ff;line-height:1}.mlogin-stats span{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7488a6}.mlogin-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(28px,5vw,60px);background:radial-gradient(620px 420px at 100% 0,#f1f6fe 0,rgba(241,246,254,0) 60%),#fff}.mlogin-card{width:100%;max-width:384px}.mlogin-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.mlogin-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(150deg,#2f86d8,#0f4c8a);color:#fff;font-size:18px;box-shadow:0 8px 20px -8px rgba(15,76,138,.6)}.mlogin-brand-txt{display:flex;flex-direction:column;line-height:1.15}.mlogin-brand-txt strong{font-family:var(--font-display),Georgia,serif;font-size:19px;color:#0f1726}.mlogin-brand-txt small{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a93a3;margin-top:2px}.mlogin-card h2{margin:0;font-family:var(--font-display),Georgia,serif;font-weight:600;font-size:30px;letter-spacing:-.015em;color:#0f1726}.mlogin-sub{margin:8px 0 28px;font-size:14.5px;line-height:1.5;color:#6b7280}.mlogin-field{margin-bottom:17px}.mlogin-field label{display:block;font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6b7280;margin-bottom:8px}.mlogin-inputwrap{position:relative}.mlogin-field input{width:100%;height:48px;padding:0 15px;border-radius:12px;border:1px solid #dce3ee;background:#f8fafd;color:#0f1726;font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.mlogin-field input::placeholder{color:#aab4c4}.mlogin-field input:focus{border-color:#1b68b5;background:#fff;box-shadow:0 0 0 3px rgba(27,104,181,.14)}.mlogin-field input.has-toggle{padding-right:52px}.mlogin-toggle{position:absolute;top:0;right:0;height:48px;width:50px;display:grid;place-items:center;border:none;background:transparent;color:#8a93a3;cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.08em;font-weight:600}.mlogin-toggle:hover{color:#1b68b5}.mlogin-error{gap:8px;margin:-2px 0 16px;padding:10px 13px;border-radius:10px;background:#fdecec;border:1px solid #f7c5c5;color:#c0392b;font-size:13px}.mlogin-btn,.mlogin-error{display:flex;align-items:center}.mlogin-btn{width:100%;height:49px;margin-top:8px;border:none;border-radius:12px;background:linear-gradient(180deg,#2f86d8,#0f4c8a);color:#fff;font-size:15px;font-weight:600;cursor:pointer;justify-content:center;gap:10px;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 14px 30px -12px rgba(15,76,138,.6)}.mlogin-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}.mlogin-btn:active:not(:disabled){transform:translateY(0)}.mlogin-btn:disabled{opacity:.7;cursor:progress}.mlogin-spin{width:15px;height:15px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:mlogin-rot .7s linear infinite}@keyframes mlogin-rot{to{transform:rotate(1turn)}}.mlogin-foot{margin-top:30px;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aab4c4}@media (max-width:900px){.mlogin{grid-template-columns:1fr}.mlogin-art{display:none}}@media (prefers-reduced-motion:reduce){.mlogin-badge .dot,.mlogin-grid,.mlogin-orb,.mlogin-radar,.mlogin-rings span,.mlogin-scan,.mlogin-spin,.mlogin-stars{animation:none}}