*{box-sizing:border-box}
html{color-scheme:dark;background:#000}
body.dest-matrix-login{margin:0;min-width:280px;min-height:100vh;min-height:100svh;background:#000;color:#f3f3f5;font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.5}
.dest-matrix-login::before{content:"";position:fixed;inset:0;pointer-events:none;background:none;z-index:0}
.matrix-layout{position:relative;z-index:1;min-height:100vh;min-height:100svh;max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,76px);padding:60px clamp(28px,6vw,84px)}
.matrix-brand{display:flex;align-items:center;justify-content:center;min-width:0}
.matrix-logo{display:block;width:min(100%,560px);height:auto;max-height:360px;object-fit:contain}
.matrix-panel{width:100%;max-width:500px;justify-self:end;border:1px solid #282d32;border-radius:16px;padding:clamp(28px,3.6vw,52px);background:rgba(14,17,20,.94);box-shadow:0 24px 85px rgba(0,0,0,.5)}
h1{font-size:clamp(25px,2.35vw,34px);font-weight:600;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px}
.matrix-intro{color:#aeb2b7;margin:0 0 38px;font-size:14px;line-height:1.6}
.matrix-input{display:flex;align-items:center;gap:14px;min-height:56px;border:1px solid #373d44;border-radius:6px;margin:0 0 22px;padding:0 16px;background:rgba(12,15,18,.8);transition:border-color .2s,box-shadow .2s}
.matrix-input>i{font-size:20px;color:#aeb4bc;flex:none}
.matrix-input:focus-within{border-color:#8a929c;box-shadow:0 0 0 3px rgba(161,170,181,.12)}
.matrix-input input{font:inherit;background:transparent;color:#f4f4f5;border:0;outline:0;width:100%;min-width:0;height:54px}
.matrix-input input::placeholder{color:#858b94}
.matrix-eye{color:#aeb4bc;background:none;border:0;font-size:20px;padding:6px;cursor:pointer;flex:none}
.matrix-eye:hover{color:#fff}
.matrix-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 34px;font-size:13px;flex-wrap:wrap}
.matrix-remember{display:flex;align-items:center;gap:9px;color:#c1c4c9;cursor:pointer}
.matrix-remember input{width:18px;height:18px;margin:0;accent-color:#e51b2a;cursor:pointer}
.matrix-options a{color:#ff4754;text-decoration:none}
.matrix-options a:hover{text-decoration:underline;color:#ff6a74}
.matrix-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:55px;border:0;border-radius:6px;color:#fff;background:#ed1728;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s}
.matrix-submit:hover{background:#ce1021;box-shadow:0 6px 24px rgba(229,27,42,.18)}
.matrix-submit:disabled{opacity:.7;cursor:wait}
button:focus-visible,a:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid #cbd2dc;outline-offset:4px}
.matrix-errors,.matrix-status{color:#f4d2d5;background:#31191d;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;overflow-wrap:anywhere}
.matrix-errors ul{margin:0;padding-left:18px}
.matrix-status{background:#202b25;color:#d2e8d9}
.matrix-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.matrix-layout{grid-template-columns:minmax(0,1fr);max-width:560px;gap:32px;padding:36px 24px}.matrix-logo{width:min(100%,300px);max-height:180px}.matrix-panel{justify-self:center;max-width:none;padding:32px}.matrix-intro{margin-bottom:28px}body.dest-matrix-login{background-position:35% center}}
@media(max-width:380px){.matrix-layout{padding:24px 16px;gap:24px}.matrix-panel{padding:24px 20px}.matrix-options{gap:16px}.matrix-logo{max-width:260px}h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}