.login-page{color:#2a192e;background:#fcfafc;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;max-width:560px;padding:55px 12vw;display:flex}.login-brand{color:#3c1d41;letter-spacing:-.06em;align-items:center;gap:9px;margin-bottom:80px;font:700 1.9rem Georgia,serif;display:flex}.login-brand i{background:#7c3f76;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #7c3f761d}.login-kicker,.magic-sent>p{color:#8e7790;letter-spacing:.12em;margin:0 0 12px;font-size:.67rem;font-weight:800}.login-panel h1{font-size:clamp(2.5rem,4vw,3.6rem)}.login-panel>small,.magic-sent>small{color:#766778;max-width:380px;margin-top:18px;font-size:.92rem;line-height:1.65;display:block}.login-panel form{gap:18px;margin-top:34px;display:grid}.login-panel label{color:#59475d;font-size:.78rem;font-weight:700}.login-panel input{color:#302133;background:#fff;border:1px solid #e5d9e6;border-radius:9px;outline-color:#7c3f76;width:100%;margin-top:7px;padding:13px;display:block}.login-panel form button{color:#fff;background:#7c3f76;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:.87rem;font-weight:700;display:flex}.login-panel form button:disabled{opacity:.6}.login-error{color:#b64c4c;margin:14px 0 0;font-size:.77rem}.login-aside{color:#fff;background:linear-gradient(145deg,#321632,#76426f);align-items:end;padding:55px;display:flex}.login-aside>div{max-width:380px}.login-aside svg{color:#e6a7dc}.login-aside p{letter-spacing:-.05em;margin:18px 0 10px;font:2.2rem Georgia,serif}.login-aside span{color:#eadbea;font-size:.94rem;line-height:1.6}.magic-sent>span{color:#7c3f76;background:#eee1ef;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.magic-sent h1{margin-top:10px}.magic-sent button{color:#7c3f76;background:0 0;border:0;margin-top:28px;font-weight:700}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-panel{min-height:100vh;padding:38px 28px}.login-brand{margin-bottom:auto}.login-aside{display:none}}
@media (min-width:761px){.login-panel{width:100%;max-width:760px;margin-inline:auto;padding:clamp(42px,7vw,112px)}}