.mk-login{--login-inset:clamp(20px,5.5vw,92px);--login-panel-padding:clamp(26px,6dvh,52px);--login-purple-gradient:linear-gradient(105deg,#7500ca,#9d00ff,#a51bf4,#7500ca);position:relative;isolation:isolate;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#101019;color:#f7f5ff;overflow:clip}.mk-login ::selection{background:#d5bdff;color:#221830}.mk-login :focus-visible{outline:2px solid #ded0ff;outline-offset:3px}.mk-login-backdrop{position:absolute;inset:0;z-index:-1;background:#101019;pointer-events:none}.mk-login-poster,.mk-login-video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:36% center}.mk-login-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 86% 18%,#59417c59,transparent 46%),linear-gradient(90deg,#100e1b9e,#100e1b47 38%,#110f20c9 64%,#110f1ff2),linear-gradient(0deg,#0d0c17e8,transparent 43%,#100e19aa)}.mk-login-header{display:flex;align-items:center;height:clamp(62px,11.5dvh,100px);padding:12px var(--login-inset) 0}.mk-login-header .mk-brand .mk-official-logo{width:106px;height:23px}.mk-login .mk-login-header .mk-brand>.mk-product-name{font-size:17px;color:#d7c5fa}.mk-login-main{width:100%;max-width:1640px;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,39%);align-content:center;align-items:start;gap:clamp(28px,6vw,104px);margin-inline:auto;padding:clamp(8px,2dvh,20px) var(--login-inset)}.mk-login-intro{min-width:0}.mk-login-intro h2{margin:0;color:#fff;font-size:clamp(42px,min(5.5vw,10dvh),80px);font-weight:550;letter-spacing:-.055em;line-height:1.02;text-shadow:0 4px 26px #0b0a13c9}.mk-login-intro h2 span{color:#dccbff}.mk-login-intro p{max-width:29ch;margin-top:clamp(12px,2.5dvh,23px);color:#f0e9fa;font-size:clamp(14px,1.28vw,18px);line-height:1.55;text-shadow:0 2px 12px #07060f}.mk-login-access{width:100%;max-width:350px;justify-self:center;min-width:0}.mk-login-form{box-sizing:border-box;width:100%;padding:var(--login-panel-padding) clamp(22px,2.5vw,29px);border:1px solid #e1d5ff46;border-radius:19px;background:radial-gradient(ellipse at 97% 0,#9c78c43c,transparent 73%),linear-gradient(148deg,#302941ed,#191622f0);box-shadow:0 24px 64px #09071166,inset 0 1px #fff1;color:#f7f5ff;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.mk-login-form h1{margin:0 0 6px;font-size:clamp(24px,4.2dvh,34px);font-weight:550;letter-spacing:-.035em;line-height:1.15}.mk-login-form>p{font-size:14px;line-height:1.45;color:#ded5ed}.mk-login .mk-password-form{margin-top:clamp(15px,4.4dvh,35px);gap:clamp(12px,3.6dvh,28px)}.mk-login-field{display:grid;gap:5px}.mk-login-field label{font-size:13px;line-height:1.25;color:#f3ecff}.mk-login-input{position:relative}.mk-login-input svg{position:absolute;left:12px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:#c5b8d9;pointer-events:none}.mk-login .mk-password-form .mk-login-input input{display:block;width:100%;height:clamp(42px,6.5dvh,48px);padding:8px 12px 8px 36px;border:1px solid #c8b2ed48;border-radius:8px;background:#13111dd9;color:#fff;caret-color:#ded0ff;font-size:16px;transition:border-color .18s ease}.mk-login .mk-password-form .mk-login-input input:hover{border-color:#c8b2ed9e}.mk-login .mk-password-form .mk-login-input input::placeholder{color:#c3b8d2}.mk-login .mk-password-form .mk-login-error{margin:0;color:#ffc9d6;font-size:13px;line-height:1.35}.mk-login .mk-login-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:clamp(10px,2dvh,17px);padding:8px 12px;border-radius:8px;background:var(--login-purple-gradient);background-size:280% 100%;animation:mk-login-gradient 5s linear infinite;color:#fff;font-size:14px;font-weight:650;transition:background .18s ease}.mk-login .mk-login-submit svg{flex-shrink:0;width:16px;height:16px}.mk-login-unlock{position:relative;display:grid;place-items:center;min-height:54px;margin-top:4px;padding:0 48px;border-radius:12px;background:var(--login-purple-gradient);background-size:280% 100%;box-shadow:0 5px 20px #9d00ff55,inset 0 1px #fff6;color:#fff;font-size:13px;font-weight:650;text-align:center;user-select:none;animation:mk-login-gradient 5s linear infinite}.mk-login-unlock-arrow,.mk-login-unlock>span{transition:opacity .18s ease}.mk-login-unlock[data-dragging=true]>.mk-login-unlock-arrow,.mk-login-unlock[data-dragging=true]>span{opacity:.35}.mk-login-unlock-arrow{position:absolute;inset:auto 14px auto auto;width:17px;height:17px;pointer-events:none}.mk-login-unlock-handle{position:absolute;top:4px;left:4px;bottom:4px;width:46px;display:grid;place-items:center;padding:0;border:1px solid #ede0ff63;border-radius:9px;background:#26173b;color:#f5e7ff;box-shadow:0 2px 8px #2d104964;cursor:grab;touch-action:none;transition:transform .22s ease}.mk-login-unlock-handle svg{width:18px;height:18px;pointer-events:none}.mk-login-unlock[data-dragging=true] .mk-login-unlock-handle{cursor:grabbing;transition:none}.mk-login-unlock[data-busy=true] .mk-login-unlock-handle{left:auto;right:4px;cursor:wait}@keyframes mk-login-gradient{0%{background-position:0 50%}to{background-position:100% 50%}}.mk-login>.mk-product-footer{padding:clamp(5px,1.6dvh,13px) var(--login-inset);background:transparent;border-top:0;color:#e4dbef;font-size:11px}.mk-login>.mk-product-footer strong{color:#f7f2ff}@media(min-width:761px){.mk-login-intro h2{margin-block-start:-.2em}@supports(text-box:trim-start cap alphabetic){.mk-login-intro h2{margin-block-start:0;text-box:trim-start cap alphabetic}}}@media(max-width:760px){.mk-login{--login-inset:clamp(16px,5vw,32px)}.mk-login-header{height:clamp(50px,9.2dvh,74px);padding-top:8px}.mk-login-header .mk-brand .mk-official-logo{width:92px;height:20px}.mk-login-main{grid-template-columns:minmax(0,1fr);align-content:center;gap:clamp(12px,3.5dvh,30px);padding-block:8px}.mk-login-intro{width:100%;max-width:350px;justify-self:center}.mk-login-intro h2{font-size:clamp(30px,min(9vw,7dvh),47px)}.mk-login-intro p{margin-top:9px}.mk-login-backdrop:after{background:linear-gradient(0deg,#100d1de0,#100e1b65 60%,#100e19aa),radial-gradient(ellipse at 85% 65%,#59417c58,transparent 70%)}.mk-login>.mk-product-footer{justify-content:center;text-align:center;gap:3px 12px;font-size:10px}}@media(max-width:760px) and (max-height:650px){.mk-login{--login-panel-padding:18px}.mk-login-main{gap:12px}.mk-login .mk-password-form{margin-top:13px;gap:10px}}@media(max-width:760px) and (max-height:520px){.mk-login-intro{display:none}}@media(max-height:495px){.mk-login-header{height:42px;padding-top:4px}.mk-login-main{padding-block:4px}.mk-login-form{padding-block:12px}.mk-login-form>p{display:none}.mk-login .mk-password-form{margin-top:9px;gap:7px}.mk-login>.mk-product-footer{padding-block:4px}}@media(prefers-reduced-motion:reduce){.mk-login *{transition:none!important}.mk-login .mk-login-submit,.mk-login .mk-login-unlock{animation:none}}