body.mix365-recovery-vice-active{background:#030304!important;color:#fff}
body.mix365-recovery-vice-active :is(#vice-ajaxcontents,#qwjquerycontent,#canvas,.qw-content-wrapper,.qw-page-section,.qw-content,.qw-pagecontent,.dhrk-pagecontent,.dhrk-ajax-content){background:transparent!important}
.mix365-recovery-page{position:relative;overflow:hidden;background:#030304;color:#fff}
.mix365-recovery-hero{min-height:100vh;background:#030304}
body.mix365-recovery-vice-active .mix365-recovery-hero .mix365-glitch-title{font-size:clamp(82px,13vw,190px)!important;line-height:.8!important;letter-spacing:-.065em!important}
body.mix365-recovery-vice-active .mix365-recovery-hero .mix365-title-frame{gap:clamp(22px,3.5vw,56px)}
body.mix365-recovery-vice-active .mix365-recovery-hero .mix365-frame-edge{width:clamp(34px,5vw,84px);height:clamp(88px,12vw,176px)}
.mix365-recovery-section{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:clamp(100px,11vw,170px) 24px;background:radial-gradient(circle at 50% 18%,rgba(255,0,72,.1),transparent 34%),#030304}
.mix365-recovery-grid{position:absolute;inset:0;z-index:-2;opacity:.11;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px;animation:mix365RecoveryGrid 20s linear infinite}
.mix365-recovery-section:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#030304 0,transparent 14%,transparent 84%,#030304 100%),radial-gradient(ellipse at center,transparent 38%,rgba(3,3,4,.72) 100%)}
.mix365-recovery-container{width:min(100%,860px);margin:auto}
.mix365-recovery-heading{text-align:center;margin-bottom:clamp(38px,5vw,68px)}
.mix365-recovery-heading p{max-width:700px;margin:20px auto 0;color:rgba(255,255,255,.68);font-size:clamp(16px,1.7vw,20px);line-height:1.65}
.mix365-recovery-kicker{color:#ff174f!important;font-size:11px!important;font-weight:800!important;letter-spacing:.29em!important;text-transform:uppercase}
.mix365-recovery-title{position:relative;display:inline-block;margin:0;color:#fff;font-size:clamp(42px,6.2vw,88px);font-weight:900;line-height:.92;letter-spacing:-.052em;text-transform:uppercase;text-shadow:2px 0 rgba(255,10,72,.48),-2px 0 rgba(201,250,255,.22);animation:mix365RecoveryGlitch 7.2s steps(1,end) infinite}
.mix365-recovery-title:before,.mix365-recovery-title:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}
.mix365-recovery-title:before{color:#ff174f;transform:translateX(2px);clip-path:inset(31% 0 58% 0);animation:mix365RecoverySlice1 7.2s steps(1,end) infinite}
.mix365-recovery-title:after{color:#dffcff;transform:translateX(-2px);clip-path:inset(68% 0 19% 0);animation:mix365RecoverySlice2 7.2s steps(1,end) infinite}
.mix365-recovery-shell{position:relative;padding:clamp(28px,5vw,58px);border:1px solid rgba(255,255,255,.075);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.014));clip-path:polygon(0 24px,24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}
.mix365-recovery-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,23,79,.19),transparent);transform:translateX(-110%);animation:mix365RecoveryScan 10s ease-in-out infinite}
.mix365-recovery-field+.mix365-recovery-field{margin-top:22px}
.mix365-recovery-field label{display:block;margin-bottom:10px;color:rgba(255,255,255,.88);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mix365-recovery-field input{display:block;width:100%;min-height:62px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:0;outline:none;background:rgba(255,255,255,.035);color:#fff;padding:0 20px;font:inherit}
.mix365-recovery-field input:focus{border-color:#ff174f;background:rgba(255,23,79,.045);box-shadow:0 0 0 1px rgba(255,23,79,.32),inset 3px 0 #ff174f}
.mix365-recovery-field input::placeholder{color:rgba(255,255,255,.39)}
.mix365-recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.mix365-recovery-action,.mix365-recovery-submit{min-height:62px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#fff;padding:0 20px;font:inherit;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.mix365-recovery-action:hover,.mix365-recovery-action.is-active,.mix365-recovery-submit:hover{border-color:#e90043;background:#e90043;transform:translateY(-2px)}
.mix365-recovery-action:disabled,.mix365-recovery-submit:disabled{opacity:.58;cursor:wait;transform:none}
.mix365-recovery-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:26px;border:0;background:#e90043;min-height:66px}
.mix365-recovery-status{margin-top:22px}
.mix365-recovery-alert{border-left:3px solid currentColor;background:rgba(255,255,255,.035);padding:16px 18px;line-height:1.6;text-align:left}
.mix365-recovery-alert.is-error{color:#ff6c8e}.mix365-recovery-alert.is-success{color:#8fffc9}.mix365-recovery-alert.is-neutral{color:rgba(255,255,255,.72)}
.mix365-recovery-back-wrap{text-align:center;margin:26px 0 0}.mix365-recovery-back{color:rgba(255,255,255,.78);font-weight:800;text-decoration:none;border-bottom:2px solid #ff174f}
@keyframes mix365RecoveryGrid{to{background-position:64px 64px,64px 64px}}
@keyframes mix365RecoveryScan{0%,68%{opacity:0;transform:translateX(-110%)}73%{opacity:1}83%,100%{opacity:0;transform:translateX(110%)}}
@keyframes mix365RecoveryGlitch{0%,88%,100%{transform:none}89%{transform:translateX(-1px)}90%{transform:translateX(2px)}91%{transform:translateX(-1px)}92%{transform:none}}
@keyframes mix365RecoverySlice1{0%,88%,100%{opacity:0}89%,90%{opacity:.68}91%{opacity:0}}
@keyframes mix365RecoverySlice2{0%,90%,100%{opacity:0}91%,92%{opacity:.54}93%{opacity:0}}
@media(max-width:800px){body.mix365-recovery-vice-active .mix365-recovery-hero .mix365-glitch-title{font-size:clamp(62px,20vw,110px)!important}.mix365-recovery-section{padding-left:16px;padding-right:16px}.mix365-recovery-shell{padding:28px 20px}}
@media(max-width:560px){.mix365-recovery-actions{grid-template-columns:1fr}.mix365-recovery-title{font-size:clamp(36px,13vw,58px)}}
@media(prefers-reduced-motion:reduce){.mix365-recovery-grid,.mix365-recovery-shell:before,.mix365-recovery-title,.mix365-recovery-title:before,.mix365-recovery-title:after{animation:none!important}}