@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/GoogleSans-Regular.woff2) format('woff2')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/GoogleSans-Medium.woff2) format('woff2')}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/GoogleSans-Bold.woff2) format('woff2')}
@property --mx-a{syntax:'<angle>';inherits:false;initial-value:0deg}
body.login-page{display:block!important;height:auto!important;min-height:100vh;margin:0;padding:0!important;background:#060914!important}
.mx-login{--mx-p:#6366f1;--mx-p-d:#4f46e5;--mx-p-l:#818cf8;--mx-p-ll:#a5b4fc;--mx-p-lll:#c7d2fe;--mx-p-bg:#eef2ff;--mx-p-dd:#312e81;--mx-s:#22d3ee;--mx-s-d:#0ea5e9;--mx-t:#8b5cf6;--mx-t-d:#7c3aed;--mx-t-l:#c4b5fd;--mx-bg1:#060914;--mx-bg2:#0e1435;--mx-bg3:#161a48;--mx-lbg1:#eef1fb;--mx-lbg2:#f5f6fd;--mx-lbg3:#ebeefe;--mx-rgb:99,102,241;--mx-rgb-l:129,140,248;--mx-rgb-ll:165,180,252;--mx-rgb-d:79,70,229;--mx-rgb-dd:49,46,129;--mx-rgb-s:34,211,238;--mx-rgb-t:139,92,246;--mx-card1:30,38,82;--mx-card2:13,19,48;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;padding:clamp(18px,2.6vw,40px);overflow:hidden;font-family:'Google Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#f8fafc;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 80% 6%,rgba(var(--mx-rgb),.3),transparent 40%),radial-gradient(ellipse at 10% 92%,rgba(var(--mx-rgb-s),.2),transparent 38%),radial-gradient(ellipse at 55% 55%,rgba(var(--mx-rgb-t),.1),transparent 50%),linear-gradient(145deg,var(--mx-bg1) 0%,var(--mx-bg2) 58%,var(--mx-bg3) 100%)}
.mx-login *{box-sizing:border-box}
.mx-login input,.mx-login button{font-family:inherit}
.mx-login::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 15%,transparent 85%);mask-image:radial-gradient(ellipse at center,#000 15%,transparent 85%)}
.mx-frame{position:relative;display:flex;flex:1 1 auto;min-width:0;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 40px 120px -40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.mx-frame::before{content:"";position:absolute;inset:0;z-index:5;border-radius:30px;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(var(--mx-rgb-ll),.35),rgba(255,255,255,.06) 30%,rgba(255,255,255,.04) 70%,rgba(var(--mx-rgb-s),.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.mx-login-aside{--mx-pad:clamp(28px,4vw,64px);--mx-tw:400px;position:relative;flex:1 1 60%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,64px);overflow:hidden;border-radius:30px 0 0 30px;color:#fff}
.mx-login-aside::after{content:"";position:absolute;top:-50%;left:-40%;width:36%;height:200%;background:linear-gradient(90deg,transparent,rgba(var(--mx-rgb-ll),.07),transparent);transform:rotate(18deg);will-change:translate;animation:mxsweep 12s linear infinite;pointer-events:none}
.mx-login-aside>.mx-divider{position:absolute;top:10%;bottom:10%;right:0;width:1px;background:linear-gradient(180deg,transparent,rgba(var(--mx-rgb-ll),.35),rgba(var(--mx-rgb-s),.25),transparent)}
.mx-fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.mx-login-aside-inner{position:relative;z-index:3;max-width:460px}
.mx-login-aside-inner>*{animation:mxup .9s cubic-bezier(.2,.7,.2,1) backwards}
.mx-login-aside-inner>:nth-child(2){animation-delay:.08s}
.mx-login-aside-inner>:nth-child(3){animation-delay:.16s}
.mx-login-aside-inner>:nth-child(4){animation-delay:.24s}
.mx-login-aside-inner>:nth-child(5){animation-delay:.32s}
.mx-login-aside h2{text-wrap:balance;margin:0 0 18px;font-size:clamp(40px,4.2vw,58px);line-height:1.05;font-weight:700;letter-spacing:-.03em;color:#fff;text-shadow:0 10px 40px rgba(var(--mx-rgb),.35)}
.mx-login-aside h2 em{display:block;font-style:normal;background:linear-gradient(90deg,var(--mx-p-ll),var(--mx-s),var(--mx-t-l),var(--mx-p-ll));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:mxshine 8s linear infinite}
.mx-login-aside p{text-wrap:pretty;margin:0 0 32px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.66)}
.mx-login-aside ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mx-login-aside li{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:16px;font-size:15px;color:rgba(255,255,255,.92);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s,box-shadow .3s}
.mx-login-aside li:hover{transform:translateX(6px);background:rgba(255,255,255,.1);border-color:rgba(var(--mx-rgb-ll),.38);box-shadow:0 14px 30px -18px rgba(var(--mx-rgb),.8)}
.mx-login-aside li i{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--mx-p),var(--mx-s));box-shadow:0 8px 18px -6px rgba(var(--mx-rgb),.8),inset 0 1px 0 rgba(255,255,255,.35)}
.mx-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
.mx-orb-1{width:440px;height:440px;background:var(--mx-p);top:-180px;right:12%;opacity:.34;animation:mxdrift 14s ease-in-out infinite}
.mx-orb-2{width:380px;height:380px;background:var(--mx-s-d);bottom:-160px;left:-120px;opacity:.24;animation:mxdrift 18s ease-in-out infinite reverse}
.mx-orb-3{width:300px;height:300px;background:var(--mx-t);top:40%;left:38%;opacity:.13;animation:mxdrift 22s ease-in-out infinite}
.mx-scene{position:absolute;left:calc((var(--mx-pad) + var(--mx-tw) + 100%) / 2 - 186px);top:50%;width:360px;height:460px;margin-top:-230px;z-index:2;display:none;perspective:1500px;transform:scale(var(--mx-sc,1));transform-origin:center center;animation:mxfade 1.2s .2s ease backwards}
.mx-glow{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(var(--mx-rgb),.5),rgba(var(--mx-rgb-s),.12) 55%,transparent 72%);filter:blur(20px);transform:translate3d(calc(var(--px,0)*-14px),calc(var(--py,0)*-14px),0)}
.mx-stage{position:absolute;left:50%;top:54%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(60deg - var(--py,0)*9deg)) rotateZ(calc(-38deg + var(--px,0)*14deg))}
.mx-sway{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;will-change:transform;animation:mxsway 14s ease-in-out infinite}
.mx-layer{position:absolute;left:-112px;top:-112px;width:224px;height:224px;border-radius:32px;border:1px solid rgba(255,255,255,.26);transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.mx-layer-1{background:linear-gradient(135deg,rgba(var(--mx-rgb),.4),rgba(15,23,80,.5));box-shadow:0 0 60px rgba(var(--mx-rgb),.35),inset 0 0 40px rgba(255,255,255,.05);animation:mxl1 7s ease-in-out infinite}
.mx-layer-1::before{content:"";position:absolute;inset:14px;border-radius:20px;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:28px 28px}
.mx-layer-2{background:linear-gradient(135deg,rgba(var(--mx-rgb-l),.34),rgba(var(--mx-rgb-s),.16));box-shadow:0 0 50px rgba(var(--mx-rgb-s),.18),inset 0 0 30px rgba(255,255,255,.07);animation:mxl2 7s ease-in-out infinite}
.mx-layer-2 span{display:block;width:62%;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--mx-p-l),var(--mx-s));opacity:.9}
.mx-layer-2 span:nth-child(2){width:46%;align-self:flex-start;margin-left:19%;opacity:.55}
.mx-layer-2 span:nth-child(3){width:54%;opacity:.35}
.mx-layer-3{background:linear-gradient(135deg,rgba(var(--mx-rgb-ll),.42),rgba(var(--mx-rgb),.2));box-shadow:0 0 70px rgba(var(--mx-rgb-l),.45),inset 0 0 40px rgba(255,255,255,.12);animation:mxl3 7s ease-in-out infinite}
.mx-chip{position:absolute;overflow:hidden;display:flex;align-items:center;gap:11px;padding:11px 16px 11px 11px;border-radius:16px;background-color:rgba(24,26,44,.72);background-image:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));backface-visibility:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 40px -16px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.25);transform:translate3d(calc(var(--px,0)*var(--d)*1px),calc(var(--py,0)*var(--d)*1px),0);will-change:transform,translate}
.mx-chip>div{line-height:1.25}
.mx-chip b{display:block;font-size:14px;font-weight:500;color:#fff}
.mx-chip small{display:block;font-size:12px;color:rgba(255,255,255,.62)}
.mx-chip-ic{flex:0 0 36px;color:#fff;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:14px;background:linear-gradient(135deg,var(--mx-p),var(--mx-s));box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.mx-chip::after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-160%) skewX(-20deg);animation:mxchipshine 6s var(--w,0s) ease-in-out infinite;pointer-events:none}
.mx-chip-dot{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.22)}
.mx-chip-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(52,211,153,.5);animation:mxdot 2s var(--w,0s) ease-out infinite}
.mx-chip>div{padding-right:8px}
.mx-chip-a{--w:0s;top:22px;left:-8px;animation:mxfloat 7s ease-in-out infinite}
.mx-chip-b{--w:1.5s;top:228px;right:-30px;animation:mxfloat 8s -3s ease-in-out infinite}
.mx-chip-c{--w:3s;bottom:100px;left:-18px;animation:mxfloat 9s -5s ease-in-out infinite}
.mx-chip-d{--w:4.5s;bottom:18px;right:-4px;animation:mxfloat 8.5s -2s ease-in-out infinite}
.mx-login-main{position:relative;flex:1 1 40%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,3vw,48px);border-radius:0 30px 30px 0}
.mx-login-main::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(rgba(var(--mx-rgb-ll),.13) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 50% 50%,#000 0,transparent 70%)}
.mx-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.mx-blob-1{width:320px;height:320px;background:var(--mx-p-l);top:-100px;right:-80px;opacity:.2;animation:mxdrift 16s ease-in-out infinite}
.mx-blob-2{width:280px;height:280px;background:var(--mx-s);bottom:-100px;left:-90px;opacity:.14;animation:mxdrift 20s ease-in-out infinite reverse}
.mx-card-wrap{position:relative;z-index:1;width:100%;max-width:432px;perspective:1200px;animation:mxup .8s cubic-bezier(.2,.7,.2,1) backwards}
.mx-login-form{position:relative;width:100%;margin:0;padding:clamp(30px,3vw,42px) clamp(22px,2.6vw,38px) 30px;border-radius:26px;color:#f8fafc;background:linear-gradient(150deg,rgba(var(--mx-card1),.92),rgba(var(--mx-card2),.96));box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 70px -26px rgba(0,0,0,.75),0 0 60px rgba(var(--mx-rgb),.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-style:preserve-3d;transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));will-change:transform}
.mx-login-form::before{content:"";position:absolute;inset:-1px;border-radius:27px;padding:1px;pointer-events:none;background:conic-gradient(from var(--mx-a),rgba(var(--mx-rgb-l),.75),rgba(var(--mx-rgb-s),.45),rgba(255,255,255,.04) 30%,rgba(255,255,255,.04) 60%,rgba(var(--mx-rgb-t),.55),rgba(var(--mx-rgb-l),.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:mxborder 8s linear infinite}
.mx-glare{position:absolute;inset:0;border-radius:26px;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%),rgba(var(--mx-rgb-l),.14),transparent 60%);opacity:var(--go,0);transition:opacity .3s;pointer-events:none}
.mx-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:22px;border-radius:18px;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--mx-p),var(--mx-p-d) 55%,var(--mx-s));box-shadow:0 18px 30px -10px rgba(var(--mx-rgb-d),.75),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -6px 12px rgba(var(--mx-rgb-dd),.3);transform:translateZ(36px);animation:mxbob 5s ease-in-out infinite}
.mx-mark::after{content:"";position:absolute;inset:-6px;border-radius:22px;border:1px solid rgba(var(--mx-rgb-l),.35);animation:mxring 3s ease-out infinite}
.mx-login-form h1{margin:0 0 8px;font-size:34px;font-weight:700;letter-spacing:-.025em;color:#f8fafc;transform:translateZ(22px)}
.mx-login-sub{margin:0 0 28px;font-size:15px;line-height:1.5;color:#aab5d0;transform:translateZ(14px)}
.mx-field{position:relative;display:block;margin:0 0 20px;font-weight:400;transform:translateZ(18px)}
.mx-field>span{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#dbe3f5}
.mx-input{position:relative;display:flex;align-items:center}
.mx-input>i{position:absolute;z-index:1;left:17px;font-size:15px;color:#8e9bb8;pointer-events:none;transition:color .25s,transform .25s}
.mx-input:focus-within>i{color:var(--mx-p-ll);transform:scale(1.12)}
.mx-input .mx-eye{position:absolute;z-index:1;right:9px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0!important;border-radius:11px;color:#8e9bb8;background:none!important;cursor:pointer;transition:.2s}
.mx-input .mx-eye:hover{color:var(--mx-p-lll);background:rgba(var(--mx-rgb-l),.14)!important}
.mx-input .mx-eye.disabled{pointer-events:none}
.mx-caps{position:absolute;top:0;right:0;display:none;font-style:normal;font-size:12px;color:#fbbf24}
.mx-caps.on{display:block;animation:mxfade .25s ease}
.mx-login .mx-login-form .mx-btn-login{position:relative;overflow:hidden;width:100%;height:54px;margin-top:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:15px;font-size:15.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(110deg,var(--mx-p-d),var(--mx-t-d) 35%,var(--mx-p-d) 60%,var(--mx-s-d));background-size:250% 100%;box-shadow:0 14px 28px -10px rgba(var(--mx-rgb-d),.8),inset 0 1px 0 rgba(255,255,255,.3);transform:translateZ(30px);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background-position .6s}
.mx-login .mx-login-form .mx-btn-login::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s}
.mx-login .mx-login-form .mx-btn-login:hover{transform:translateZ(30px) translateY(-2px);background-position:100% 0;box-shadow:0 20px 36px -10px rgba(var(--mx-rgb-d),.95),inset 0 1px 0 rgba(255,255,255,.3)}
.mx-login .mx-login-form .mx-btn-login:hover::after{left:130%}
.mx-login .mx-login-form .mx-btn-login:active{transform:translateZ(30px) scale(.985)}
.mx-login .mx-login-form .mx-btn-login:focus{outline:0}
.mx-login .mx-login-form .mx-btn-login:focus-visible{box-shadow:0 0 0 4px rgba(var(--mx-rgb-l),.4)}
.mx-login .mx-login-form .mx-btn-login:disabled{opacity:.92;cursor:default}
.mx-login .mx-login-form .mx-btn-login .mx-spin,.mx-login .mx-login-form .mx-btn-login .mx-ok{display:none}
.mx-login .mx-login-form .mx-btn-login.busy>span,.mx-login .mx-login-form .mx-btn-login.done>span{display:none}
.mx-login .mx-login-form .mx-btn-login.busy .mx-spin{display:inline-block}
.mx-login .mx-login-form .mx-btn-login.done{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 14px 26px -10px rgba(5,150,105,.75)}
.mx-login .mx-login-form .mx-btn-login.done .mx-ok{display:inline-block;font-size:18px;animation:mxpop .4s cubic-bezier(.2,1.6,.4,1)}
.mx-spin{width:20px;height:20px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:mxspin .7s linear infinite}
.mx-login .alert-login{margin:16px 0 0;padding:11px 14px;border-radius:13px;font-size:13.5px;text-align:center;animation:mxfade .3s ease}
.mx-login .alert-login{color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(248,113,113,.35)}
.mx-login .mx-login-form .mx-btn-login .sk-chase{display:none!important}
.mx-login .mx-login-form .mx-btn-login.btn-login{width:100%!important;height:54px!important;min-height:0!important;margin:24px 0 0!important;padding:0 16px!important;border:0!important;border-radius:15px!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:.06em!important;line-height:1!important;text-transform:uppercase!important;color:#fff!important;float:none!important;background-color:transparent!important;background-image:linear-gradient(110deg,var(--mx-p-d),var(--mx-t-d) 35%,var(--mx-p-d) 60%,var(--mx-s-d))!important;background-size:250% 100%!important;opacity:1!important}
.mx-login .mx-login-form .mx-btn-login.btn-login.done{background-image:linear-gradient(135deg,#059669,#10b981)!important}
.mx-login .mx-login-form .mx-btn-login>span{font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important}
.mx-site-link{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin-top:14px;border:1px solid rgba(148,163,184,.22);border-radius:15px;font-size:14px;font-weight:500;color:#dbe3f5;text-decoration:none;background:rgba(255,255,255,.035);transform:translateZ(14px);transition:background .2s,border-color .2s,color .2s}
.mx-site-link:hover{color:#fff;text-decoration:none;background:rgba(var(--mx-rgb-l),.12);border-color:rgba(var(--mx-rgb-l),.5)}
.mx-site-link i{font-size:12px;color:#aab5d0;transition:transform .25s,color .25s}
.mx-site-link:hover i{color:#fff;transform:translate(2px,-2px)}
.mx-login-form.shake{animation:mxshake .5s cubic-bezier(.36,.07,.19,.97)}
.mx-login .alert-login:not(.d-none){display:flex;align-items:center;justify-content:center;gap:10px;animation:mxalert .45s cubic-bezier(.2,.9,.3,1.2)}
.mx-login .alert-login::before{content:"!";flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;color:#fff;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.18)}
.mx-login-form.err .mx-input>i{color:#f87171}
.mx-login-form.ok{box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 70px -26px rgba(0,0,0,.75),0 0 0 1px rgba(16,185,129,.4),0 0 90px rgba(16,185,129,.28)}
.mx-login-form.ok::before{background:conic-gradient(from var(--mx-a),rgba(52,211,153,.9),rgba(16,185,129,.3),rgba(255,255,255,.04) 35%,rgba(255,255,255,.04) 60%,rgba(52,211,153,.6),rgba(52,211,153,.9))}
.mx-success{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-radius:inherit;text-align:center;background:linear-gradient(150deg,rgb(var(--mx-card1)),rgb(var(--mx-card2)));opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(60px) scale(.96);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.9,.3,1.2),visibility 0s .35s}
.mx-login-form.ok .mx-success{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(60px);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.9,.3,1.2)}
.mx-success-badge{position:relative;width:88px;height:88px;margin-bottom:18px}
.mx-success-badge::before,.mx-success-badge::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(52,211,153,.55);opacity:0}
.mx-login-form.ok .mx-success-badge::before{animation:mxburst 1s .75s ease-out}
.mx-login-form.ok .mx-success-badge::after{animation:mxburst 1s .95s ease-out}
.mx-success-badge svg{display:block;width:100%;height:100%;overflow:visible}
.mx-success-badge circle{fill:rgba(16,185,129,.12);stroke:#10b981;stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151}
.mx-success-badge path{fill:none;stroke:#34d399;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}
.mx-login-form.ok .mx-success-badge circle{animation:mxdraw .6s .1s cubic-bezier(.65,0,.45,1) forwards}
.mx-login-form.ok .mx-success-badge path{animation:mxdraw .35s .6s cubic-bezier(.65,0,.45,1) forwards}
.mx-login-form.ok .mx-success-badge svg{animation:mxokpop .45s .9s cubic-bezier(.2,1.6,.4,1)}
.mx-success b{display:block;font-size:21px;font-weight:700;letter-spacing:-.01em;color:#f8fafc;opacity:0;transform:translateY(8px)}
.mx-success small{display:block;margin-top:6px;font-size:13.5px;color:#aab5d0;opacity:0;transform:translateY(8px)}
.mx-login-form.ok .mx-success b{animation:mxrise .4s .5s forwards}
.mx-login-form.ok .mx-success small{animation:mxrise .4s .62s forwards}
.mx-success-bar{display:block;width:170px;height:4px;margin-top:20px;border-radius:4px;overflow:hidden;background:rgba(148,163,184,.2)}
.mx-success-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#10b981,#34d399);transform:scaleX(0);transform-origin:left}
.mx-login-form.ok .mx-success-bar i{animation:mxbar 1.15s .15s ease-in-out forwards}
.mx-hello{display:flex;width:max-content;max-width:100%;align-items:center;gap:9px;margin-bottom:20px;padding:7px 15px 7px 8px;border-radius:999px;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.9);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mx-hello>i{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fde68a;background:linear-gradient(135deg,rgba(251,191,36,.35),rgba(249,115,22,.25));box-shadow:0 0 14px rgba(251,191,36,.35)}
.mx-hello.night>i{color:var(--mx-p-lll);background:linear-gradient(135deg,rgba(var(--mx-rgb-l),.4),rgba(var(--mx-rgb-s),.2));box-shadow:0 0 14px rgba(var(--mx-rgb-l),.45)}
.mx-hello em{font-style:normal;color:rgba(255,255,255,.55)}
.mx-hello em::before{content:"•";margin-right:9px;color:rgba(255,255,255,.35)}
.mx-tools{position:absolute;top:22px;left:28px;right:auto;z-index:6;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;gap:14px;pointer-events:none}
.mx-tools>*{pointer-events:auto}
.mx-clock{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left}
.mx-clock b{font-size:18px;font-weight:700;letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}
.mx-colon{display:inline-block;font-style:normal;margin:0 1px;animation:mxblink 1s steps(1,end) infinite}
.mx-clock small{font-size:11.5px;color:rgba(255,255,255,.55)}
.mx-theme{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:13px;font-size:15px;color:var(--mx-p-lll);cursor:pointer;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:background .25s,transform .35s cubic-bezier(.2,.7,.2,1),color .25s}
.mx-theme:hover{background:rgba(var(--mx-rgb-l),.2);transform:rotate(-20deg)}
.mx-theme i{display:inline-block}
.mx-theme.spin i{animation:mxthemespin .6s cubic-bezier(.2,.8,.2,1)}
.mx-login.mx-theming,.mx-login.mx-theming *,.mx-login.mx-theming *::before,.mx-login.mx-theming *::after{transition:background-color .6s ease,color .6s ease,border-color .6s ease,box-shadow .6s ease,fill .6s ease,opacity .6s ease!important}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:2}
::view-transition-old(root){z-index:1}
.mx-theme:focus{outline:0}
.mx-theme:focus-visible{box-shadow:0 0 0 3px rgba(var(--mx-rgb-l),.45)}
.mx-row{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 0;transform:translateZ(16px)}
.mx-login label.mx-check{font-weight:400!important;margin:0!important}
.mx-check{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;font-size:13.5px;font-weight:400;color:#aab5d0;cursor:pointer;user-select:none}
.mx-check input{position:absolute;opacity:0;width:0;height:0;margin:0}
.mx-check>span{position:relative;width:20px;height:20px;border-radius:7px;border:1px solid rgba(148,163,184,.35);background:rgba(7,13,33,.6);transition:background .2s,border-color .2s,box-shadow .2s}
.mx-check>span::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.2,1.6,.4,1)}
.mx-check input:checked+span{background:linear-gradient(135deg,var(--mx-p),var(--mx-s));border-color:transparent;box-shadow:0 6px 14px -6px rgba(var(--mx-rgb),.9)}
.mx-check input:checked+span::after{transform:rotate(45deg) scale(1)}
.mx-check input:focus-visible+span{box-shadow:0 0 0 3px rgba(var(--mx-rgb-l),.35)}
.mx-check:hover{color:#dbe3f5}
.mx-login.mx-light{color:#0f172a;background:radial-gradient(ellipse at 80% 6%,rgba(var(--mx-rgb-l),.28),transparent 42%),radial-gradient(ellipse at 10% 92%,rgba(var(--mx-rgb-s),.18),transparent 40%),linear-gradient(145deg,var(--mx-lbg1) 0%,var(--mx-lbg2) 55%,var(--mx-lbg3) 100%)}
.mx-login.mx-light::before{background-image:linear-gradient(rgba(var(--mx-rgb-dd),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--mx-rgb-dd),.05) 1px,transparent 1px)}
.mx-light .mx-frame{background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,255,255,.5));box-shadow:0 40px 100px -40px rgba(var(--mx-rgb-dd),.35),inset 0 1px 0 #fff}
.mx-light .mx-frame::before{background:linear-gradient(135deg,rgba(var(--mx-rgb-l),.45),rgba(255,255,255,.6) 30%,rgba(255,255,255,.6) 70%,rgba(var(--mx-rgb-s),.4))}
.mx-light .mx-login-aside{color:#0f172a}
.mx-light .mx-login-aside h2{color:#0f172a;text-shadow:none}
.mx-light .mx-login-aside h2 em{background-image:linear-gradient(90deg,var(--mx-p-d),var(--mx-s-d),var(--mx-t-d),var(--mx-p-d))}
.mx-light .mx-login-aside p{color:#475569}
.mx-light .mx-login-aside li{color:#1e293b;background:rgba(255,255,255,.75);border-color:rgba(var(--mx-rgb),.14)}
.mx-light .mx-login-aside li:hover{background:#fff}
.mx-light .mx-orb{opacity:.16}
.mx-light .mx-chip{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.7));border-color:rgba(var(--mx-rgb),.18);box-shadow:0 22px 40px -18px rgba(var(--mx-rgb-dd),.35)}
.mx-light .mx-chip b{color:#0f172a}
.mx-light .mx-chip small{color:#64748b}
.mx-light .mx-hello{color:#1e293b;background:rgba(255,255,255,.75);border-color:rgba(var(--mx-rgb),.15)}
.mx-light .mx-hello em{color:#64748b}
.mx-light .mx-hello>i{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:none}
.mx-light .mx-hello.night>i{color:var(--mx-p-d);background:linear-gradient(135deg,var(--mx-p-lll),var(--mx-p-lll))}
.mx-light .mx-hello em::before{color:#cbd5e1}
.mx-light .mx-clock b{color:#0f172a}
.mx-light .mx-clock small{color:#64748b}
.mx-light .mx-theme{color:#f59e0b;background:#fff;border-color:rgba(var(--mx-rgb),.18);box-shadow:0 6px 16px -8px rgba(var(--mx-rgb-dd),.35)}
.mx-light .mx-login-form{color:#0f172a;background:linear-gradient(150deg,#fff,#f8f9ff);box-shadow:0 1px 0 #fff inset,0 30px 60px -28px rgba(var(--mx-rgb-dd),.4),0 0 60px rgba(var(--mx-rgb),.1)}
.mx-light .mx-login-form h1{color:#0f172a}
.mx-light .mx-login-sub{color:#64748b}
.mx-light .mx-field>span{color:#334155}
.mx-light .mx-input>i,.mx-light .mx-input .mx-eye{color:#94a3b8}
.mx-light .mx-input:focus-within>i{color:var(--mx-p-d)}
.mx-light .mx-input .mx-eye:hover{color:var(--mx-p-d);background:var(--mx-p-bg)!important}
.mx-light .mx-check{color:#64748b}
.mx-light .mx-check:hover{color:#334155}
.mx-light .mx-check>span{background:#fff;border-color:#cbd5e1}
.mx-light .mx-caps{color:#b45309}
.mx-light .mx-site-link{color:#334155;background:#fff;border-color:#e2e6f0}
.mx-light .mx-site-link:hover{color:var(--mx-p-d);background:var(--mx-p-bg);border-color:var(--mx-p-lll)}
.mx-light .mx-site-link i{color:#94a3b8}
.mx-light .mx-site-link:hover i{color:var(--mx-p-d)}
.mx-light .mx-success{background:linear-gradient(150deg,#fff,#f8f9ff)}
.mx-light .mx-success b{color:#0f172a}
.mx-light .mx-success small{color:#64748b}
.mx-light .mx-success-bar{background:#e8ecf3}
.mx-light .mx-login-form.ok{box-shadow:0 30px 60px -28px rgba(var(--mx-rgb-dd),.4),0 0 0 1px rgba(16,185,129,.35),0 0 80px rgba(16,185,129,.2)}
.mx-light .alert-login{color:#b42318;background:#fef3f2;border-color:#fecdca}
.mx-light .mx-login-main::before{background-image:radial-gradient(rgba(var(--mx-rgb-d),.14) 1px,transparent 1px)}
.mx-login .mx-login-form{--in-bg:#15172b;--in-bd:rgba(148,163,184,.22);--in-c:#f8fafc;--in-ph:#7d8aa8;--in-ring:0 0 0 0 transparent}
.mx-login.mx-light .mx-login-form{--in-bg:#f4f6fb;--in-bd:#e2e6f0;--in-c:#0f172a;--in-ph:#a0a8ba}
.mx-login .mx-login-form .mx-input input,.mx-login .mx-login-form .mx-input input#username,.mx-login .mx-login-form .mx-input input#password{display:block!important;float:none!important;width:100%!important;max-width:none!important;min-height:0!important;height:var(--in-h,54px)!important;margin:0!important;padding:0 50px 0 47px!important;border:1px solid var(--in-bd)!important;border-radius:var(--in-r,15px)!important;background:var(--in-bg)!important;-webkit-box-shadow:inset 0 0 0 100px var(--in-bg),var(--in-ring)!important;box-shadow:inset 0 0 0 100px var(--in-bg),var(--in-ring)!important;color:var(--in-c)!important;-webkit-text-fill-color:var(--in-c)!important;caret-color:var(--in-c)!important;font-family:inherit!important;font-size:var(--in-fs,15px)!important;font-weight:400!important;line-height:normal!important;letter-spacing:normal!important;text-indent:0!important;text-align:left!important;opacity:1!important;outline:0!important;-webkit-appearance:none!important;appearance:none!important;transition:border-color .25s,box-shadow .25s!important}
.mx-login .mx-login-form .mx-input input#username:-webkit-autofill,.mx-login .mx-login-form .mx-input input#password:-webkit-autofill,.mx-login .mx-login-form .mx-input input#username:-webkit-autofill:focus,.mx-login .mx-login-form .mx-input input#password:-webkit-autofill:focus,.mx-login .mx-login-form .mx-input input:-webkit-autofill,.mx-login .mx-login-form .mx-input input:-webkit-autofill:hover,.mx-login .mx-login-form .mx-input input:-webkit-autofill:focus,.mx-login .mx-login-form .mx-input input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 100px var(--in-bg),var(--in-ring)!important;box-shadow:inset 0 0 0 100px var(--in-bg),var(--in-ring)!important;-webkit-text-fill-color:var(--in-c)!important;caret-color:var(--in-c)!important;transition:background-color 99999s ease-out 0s,border-color .25s,box-shadow .25s!important}
.mx-login .mx-login-form .mx-input input#username::placeholder,.mx-login .mx-login-form .mx-input input#password::placeholder,.mx-login .mx-login-form .mx-input input::placeholder{color:var(--in-ph)!important;-webkit-text-fill-color:var(--in-ph)!important;opacity:1!important}
.mx-login .mx-login-form .mx-input input:hover{--in-bg:#121427;--in-bd:rgba(var(--mx-rgb-l),.55)}
.mx-login .mx-login-form .mx-input input:focus{--in-bg:#101223;--in-bd:var(--mx-p-l);--in-ring:0 0 0 4px rgba(var(--mx-rgb-l),.16)}
.mx-login.mx-light .mx-login-form .mx-input input:hover{--in-bg:#fff;--in-bd:var(--mx-p-lll)}
.mx-login.mx-light .mx-login-form .mx-input input:focus{--in-bg:#fff;--in-bd:var(--mx-p);--in-ring:0 0 0 4px rgba(var(--mx-rgb),.13)}
.mx-login .mx-login-form .mx-input input:disabled{--in-c:#94a3b8}
.mx-login .mx-login-form.err .mx-input input{--in-bd:rgba(239,68,68,.75);--in-ring:0 0 0 4px rgba(239,68,68,.14)}
.mx-login .mx-login-form .mx-field>span,.mx-login .mx-login-form .mx-field{font-family:inherit!important}
.mx-login .mx-login-form .mx-field,.mx-login .mx-login-form .mx-input{background:none!important;border:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;filter:none!important;border-radius:0!important}
.mx-login .mx-login-form .mx-input{padding:0!important;margin:0!important;height:auto!important;width:auto!important}
.mx-login .mx-login-form .mx-input input,.mx-login .mx-login-form .mx-input input#username,.mx-login .mx-login-form .mx-input input#password{background-clip:padding-box!important;filter:none!important;outline-offset:0!important;-webkit-background-clip:padding-box!important}
.mx-login .mx-login-form .mx-input input:focus-visible{outline:0!important}
.mx-login{--mx-p:#e5232b;--mx-p-d:#c8161e;--mx-p-l:#f0484f;--mx-p-ll:#ff9b9f;--mx-p-lll:#fecdd0;--mx-p-bg:#fff1f2;--mx-p-dd:#7f1d1d;--mx-s:#ff7a45;--mx-s-d:#f4511e;--mx-t:#e11d48;--mx-t-d:#be123c;--mx-t-l:#fb7185;--mx-bg1:#07080f;--mx-bg2:#0f1220;--mx-bg3:#171527;--mx-lbg1:#f6f4f6;--mx-lbg2:#faf9fa;--mx-lbg3:#f4eff2;--mx-rgb:229,35,43;--mx-rgb-l:240,72,79;--mx-rgb-ll:255,155,159;--mx-rgb-d:200,22,30;--mx-rgb-dd:127,29,29;--mx-rgb-s:255,122,69;--mx-rgb-t:225,29,72;--mx-card1:40,39,60;--mx-card2:25,25,42}
.mx-login{background:radial-gradient(ellipse at 84% 2%,rgba(229,35,43,.15),transparent 36%),radial-gradient(ellipse at 6% 96%,rgba(56,72,140,.24),transparent 42%),radial-gradient(ellipse at 55% 55%,rgba(99,102,241,.06),transparent 50%),linear-gradient(145deg,#07080f 0%,#0d1020 58%,#14172b 100%)}
.mx-orb-1{opacity:.14}
.mx-orb-2{background:#334a8c;opacity:.22}
.mx-orb-3{background:#4f46e5;opacity:.07}
.mx-glow{opacity:.55}
.mx-layer-1{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(30,32,60,.55));box-shadow:0 0 50px rgba(229,35,43,.18),inset 0 0 40px rgba(255,255,255,.04)}
.mx-layer-2{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(229,35,43,.12));box-shadow:0 0 40px rgba(229,35,43,.15),inset 0 0 30px rgba(255,255,255,.06)}
.mx-layer-3{background:linear-gradient(135deg,rgba(240,72,79,.55),rgba(160,18,26,.4));box-shadow:0 0 60px rgba(229,35,43,.4),inset 0 0 40px rgba(255,255,255,.12)}
.mx-login.mx-light{background:radial-gradient(ellipse at 84% 2%,rgba(229,35,43,.08),transparent 38%),radial-gradient(ellipse at 8% 94%,rgba(100,116,139,.14),transparent 42%),linear-gradient(145deg,#f3f4f7 0%,#f8f9fb 55%,#eff1f5 100%)}
.mx-light .mx-orb{opacity:.07}
.mx-blob-1{opacity:.12}
.mx-blob-2{background:#334a8c;opacity:.14}
.mx-light .mx-blob{opacity:.06}
.mx-light .mx-orb-2{background:#64748b}
.mx-light .mx-frame{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.55))}
.mx-light .mx-frame::before{background:linear-gradient(135deg,rgba(229,35,43,.25),rgba(255,255,255,.7) 30%,rgba(255,255,255,.7) 70%,rgba(100,116,139,.25))}
.mx-login.mx-light::before{background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px)}
.mx-light .mx-layer-1{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(203,213,225,.5));box-shadow:0 20px 50px -20px rgba(15,23,42,.25)}
.mx-light .mx-layer-2{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(229,35,43,.1))}
.mx-light .mx-layer-3{background:linear-gradient(135deg,rgba(240,72,79,.94),rgba(190,18,40,.88));border-color:rgba(255,255,255,.65);box-shadow:0 30px 60px -22px rgba(229,35,43,.6),0 0 40px rgba(229,35,43,.25),inset 0 1px 0 rgba(255,255,255,.5)}
.mx-light .mx-glow{opacity:.35}
@font-face{font-family:'NPM Brand';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/NgocPhuMedia-Brand.woff2) format('woff2')}
.mx-defs{position:absolute;width:0;height:0;overflow:hidden}
.mx-brand{display:inline-flex;align-items:center;gap:15px;margin-bottom:30px;color:#fff;text-decoration:none}
.mx-brand:hover{color:#fff;text-decoration:none}
.mx-brand svg{flex:0 0 50px;width:50px;height:58px;fill:var(--mx-p);filter:drop-shadow(0 8px 22px rgba(var(--mx-rgb),.65));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mx-brand:hover svg{transform:rotate(-8deg) scale(1.05)}
.mx-brand>span{text-align:left}
.mx-brand b{display:block;font-family:'NPM Brand','Google Sans',sans-serif;font-size:22px;font-weight:400;letter-spacing:.06em;line-height:1.1}
.mx-brand small{display:block;margin-top:6px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.mx-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.mx-contact a{display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 9px;border-radius:16px;color:#fff;text-decoration:none;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s}
.mx-contact a:hover{color:#fff;text-decoration:none;transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(var(--mx-rgb-ll),.45)}
.mx-contact small{display:block;font-size:11.5px;line-height:1.3;color:rgba(255,255,255,.55)}
.mx-contact b{display:block;font-size:14.5px;font-weight:500;line-height:1.35}
.mx-contact-ic{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--mx-p),var(--mx-s));box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.mx-contact-zalo{font-size:11.5px;font-weight:700;background:linear-gradient(135deg,var(--mx-p-l),var(--mx-p-d))}
.mx-layer-logo{width:96px;height:110px;fill:#fff;filter:drop-shadow(0 0 14px rgba(var(--mx-rgb-s),.75))}
.mx-mark svg{width:28px;height:32px;fill:#fff}
.mx-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:18px;border-top:1px dashed rgba(148,163,184,.25);font-size:14px;color:#aab5d0}
.mx-support .mx-tel{font-weight:700;color:var(--mx-p-ll);text-decoration:none}
.mx-support .mx-tel:hover{color:#fff;text-decoration:none}
.mx-zalo{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 4px;border-radius:999px;font-size:13px;font-weight:700;color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,var(--mx-p-l),var(--mx-p-d));box-shadow:0 6px 14px -6px rgba(var(--mx-rgb),.8);transition:transform .2s,box-shadow .2s}
.mx-zalo:hover{transform:translateY(-1px);box-shadow:0 10px 18px -6px rgba(var(--mx-rgb),.9)}
.mx-zalo b{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--mx-p);background:#fff}
.mx-foot{display:block;margin:18px auto -4px;font-size:12px;font-weight:500;letter-spacing:.45em;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
.mx-foot:hover{color:#fff;text-decoration:none}
.mx-light .mx-brand,.mx-light .mx-brand:hover{color:#0f172a}
.mx-light .mx-brand svg{fill:var(--mx-p);filter:drop-shadow(0 8px 18px rgba(var(--mx-rgb),.35))}
.mx-light .mx-brand small{color:#64748b}
.mx-light .mx-contact a{color:#0f172a;background:rgba(255,255,255,.8);border-color:rgba(var(--mx-rgb),.15)}
.mx-light .mx-contact a:hover{color:#0f172a;background:#fff}
.mx-light .mx-contact small{color:#64748b}
.mx-light .mx-support{color:#64748b;border-top-color:#e2e6f0}
.mx-light .mx-support .mx-tel{color:var(--mx-p-d)}
.mx-light .mx-support .mx-tel:hover{color:var(--mx-p-dd)}
.mx-light .mx-foot{color:#64748b}
.mx-light .mx-foot:hover{color:#0f172a}
@keyframes mxspin{to{transform:rotate(360deg)}}
@keyframes mxup{from{opacity:0;transform:translateY(22px)}to{opacity:1}}
@keyframes mxfade{from{opacity:0}to{opacity:1}}
@keyframes mxfloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes mxbob{0%,100%{transform:translateZ(36px) translateY(0)}50%{transform:translateZ(36px) translateY(-4px)}}
@keyframes mxring{0%{opacity:.9;transform:scale(.92)}100%{opacity:0;transform:scale(1.25)}}
@keyframes mxpop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes mxpulse{0%,100%{box-shadow:0 0 0 4px rgba(var(--mx-rgb-s),.2)}50%{box-shadow:0 0 0 7px rgba(var(--mx-rgb-s),.06)}}
@keyframes mxdrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,30px)}}
@keyframes mxshine{to{background-position:300% 0}}
@keyframes mxsweep{from{translate:0 0}to{translate:500% 0}}
@keyframes mxblink{50%{opacity:.15}}
@keyframes mxalert{0%{opacity:0;transform:translateY(-8px) scale(.98)}60%{opacity:1;transform:translateY(2px)}100%{opacity:1;transform:none}}
@keyframes mxdraw{to{stroke-dashoffset:0}}
@keyframes mxrise{to{opacity:1;transform:none}}
@keyframes mxbar{to{transform:scaleX(1)}}
@keyframes mxburst{0%{opacity:.8;transform:scale(.7)}100%{opacity:0;transform:scale(1.9)}}
@keyframes mxokpop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes mxborder{to{--mx-a:360deg}}
@keyframes mxthemespin{from{transform:rotate(-180deg) scale(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes mxsway{0%,100%{transform:rotateZ(-10deg)}50%{transform:rotateZ(10deg)}}
@keyframes mxchipshine{0%,70%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(280%) skewX(-20deg)}}
@keyframes mxdot{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
@keyframes mxl1{0%,100%{transform:translateZ(0)}50%{transform:translateZ(8px)}}
@keyframes mxl2{0%,100%{transform:translateZ(58px)}50%{transform:translateZ(74px)}}
@keyframes mxl3{0%,100%{transform:translateZ(116px)}50%{transform:translateZ(140px)}}
@keyframes mxshake{10%,90%{translate:-2px 0}20%,80%{translate:4px 0}30%,50%,70%{translate:-8px 0}40%,60%{translate:8px 0}}
@media(min-width:1440px) and (min-height:700px){.mx-scene{display:block;--mx-sc:.72}.mx-login-aside ul{display:none}.mx-login-aside-inner{max-width:var(--mx-tw)}.mx-login-aside h2{font-size:clamp(40px,3.2vw,56px)}}
@media(min-width:1560px) and (min-height:700px){.mx-scene{--mx-sc:.8}}
@media(min-width:1700px) and (min-height:700px){.mx-scene{--mx-sc:.86}.mx-login-aside{--mx-tw:420px}}
@media(min-width:1900px) and (min-height:760px){.mx-scene{--mx-sc:1}.mx-login-aside{--mx-tw:460px}}
@media(max-width:1100px){
.mx-login-aside{padding:32px 28px}
.mx-login-aside h2{font-size:clamp(32px,4vw,42px)}
.mx-login-main{padding:24px 20px}
}
@media(max-width:991px){
.mx-login{min-height:100svh;padding:14px}
.mx-frame{flex-direction:column;border-radius:24px}
.mx-frame::before{border-radius:24px}
.mx-login-aside{flex:0 0 auto;padding:28px 24px 20px;border-radius:24px 24px 0 0;text-align:center}
.mx-login-aside>.mx-divider{display:none}
.mx-login-aside-inner{max-width:640px;margin:0 auto}
.mx-login-aside h2{margin-bottom:10px;font-size:clamp(28px,5.6vw,40px)}
.mx-login-aside p{max-width:540px;margin:0 auto 18px;font-size:14px;line-height:1.6}
.mx-login-aside ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:left}
.mx-login-aside li{gap:10px;padding:9px 10px;font-size:12.5px;line-height:1.35;border-radius:12px}
.mx-login-aside li:hover{transform:none}
.mx-login-aside li i{flex-basis:28px;width:28px;height:28px;font-size:11px;border-radius:9px}
.mx-login-main{flex:1 1 auto;padding:8px 18px 26px;border-radius:0 0 24px 24px}
.mx-card-wrap{max-width:520px}
.mx-login-form{padding:30px clamp(22px,5vw,36px) 26px;border-radius:22px}
.mx-login-form::before{border-radius:23px}
.mx-glare{border-radius:22px}
.mx-scene,.mx-orb,.mx-login-aside::after{display:none}
.mx-tools{top:16px;right:16px}
.mx-login-aside{padding-top:74px}
.mx-clock{align-items:flex-start;text-align:left}
.mx-hello{margin:0 auto 14px}
.mx-tools{left:18px;flex-direction:row;justify-content:space-between}
.mx-login-main{justify-content:flex-start}
.mx-brand{margin-bottom:18px}
.mx-brand svg{flex-basis:42px;width:42px;height:48px}
.mx-contact{display:none}
.mx-foot{margin:14px auto 4px}
}
@media(max-width:520px){
.mx-login{padding:0}
.mx-frame,.mx-frame::before{border-radius:0}
.mx-login-aside{padding:26px 18px 16px;border-radius:0}
.mx-login-aside h2{font-size:30px}
.mx-login-aside p{font-size:13px;margin-bottom:14px}
.mx-login-aside ul{display:none}
.mx-login-main{padding:10px 14px 24px;border-radius:0}
.mx-login-form{padding:26px 20px 22px;border-radius:20px}
.mx-login-form::before{border-radius:21px}
.mx-glare{border-radius:20px}
.mx-login-form h1{font-size:28px}
.mx-mark{width:50px;height:50px;border-radius:15px;margin-bottom:16px}
.mx-login-sub{font-size:13.5px;margin-bottom:22px}
.mx-field{margin-bottom:16px}
.mx-login .mx-login-form .mx-btn-login,.mx-login .mx-login-form .mx-btn-login.btn-login{margin-top:20px!important}
.mx-login .mx-login-form .mx-btn-login,.mx-login .mx-login-form .mx-btn-login.btn-login{height:50px!important;border-radius:13px!important}
.mx-site-link{height:46px;border-radius:13px}
.mx-clock b{font-size:16px}
.mx-theme{width:36px;height:36px;border-radius:11px}
.mx-login-aside{padding-top:66px}
.mx-brand b{font-size:17px}
.mx-brand small{font-size:9.5px;letter-spacing:.16em}
.mx-mark svg{width:24px;height:28px}
.mx-foot{margin:0 auto 22px;font-size:11px;letter-spacing:.3em}
}
@media(prefers-reduced-motion:reduce){.mx-login *,.mx-login *::before,.mx-login *::after{animation:none!important;transition:none!important}}
@media (max-width:991.98px),(hover:none) and (pointer:coarse){.mx-login{--in-fs:16px}}