.login-page{grid-template-columns:minmax(340px,.9fr) minmax(440px,1.1fr);min-height:100dvh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 80% 20%,#f5cc7740,#0000 30%),linear-gradient(145deg,#07cbadf0,#009880f7);flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative;overflow:hidden}.login-brand .brand{color:#fff}.login-brand .brand__type span{color:#ffffffb8}.login-brand>div{max-width:470px}.login-brand__icon{background:#ffffff29;border:1px solid #ffffff40;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:22px;display:flex}.login-brand .eyebrow{color:#ffffffbf}.login-brand h1{letter-spacing:-2px;margin:8px 0 18px;font-size:clamp(36px,5vw,62px);line-height:1.02}.login-brand p:not(.eyebrow){color:#ffffffc7;max-width:420px;line-height:1.65}.login-brand>small{color:#ffffffa6}.login-panel{justify-content:center;align-items:center;padding:40px;display:flex}.login-panel form{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc2;border:1px solid #ffffffeb;border-radius:22px;flex-direction:column;width:100%;max-width:420px;padding:35px;display:flex;box-shadow:0 25px 70px #1e37301f}.login-panel__icon{background:var(--mint-soft);color:var(--mint-dark);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.login-panel h2{letter-spacing:-.7px;margin:20px 0 5px;font-size:27px}.login-panel form>p{color:var(--muted);margin:0 0 22px;font-size:12px}.login-panel label{flex-direction:column;margin-bottom:14px;display:flex}.login-panel label>span{margin-bottom:6px;font-size:10px;font-weight:700}.login-panel input{color:var(--ink);background:#f8faf9d1;border:1px solid #dfe6e3;border-radius:10px;outline:none;width:100%;height:45px;padding:0 12px}.login-panel input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #07cbad1a}.password-field,.totp-field{align-items:center;display:flex;position:relative}.password-field button{color:var(--muted);background:0 0;border:0;padding:8px;position:absolute;right:5px}.totp-field>svg{color:var(--mint-dark);position:absolute;left:12px}.totp-field input{letter-spacing:8px;padding-left:42px;font-size:20px;font-weight:700}.login-panel .primary-button{width:100%;min-height:47px}.login-panel form>small{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:8px;display:flex}.login-error{background:var(--coral-soft);color:#b9503d;border-radius:9px;margin-bottom:13px;padding:10px;font-size:10px}.login-notice{background:var(--yellow-soft);color:#94650c;border-radius:9px;margin-bottom:14px;padding:10px;font-size:12px}.login-link{color:var(--mint-dark);cursor:pointer;background:0 0;border:0;align-self:center;margin:2px 0 12px;padding:4px;font-size:12px;font-weight:700;text-decoration:none}.login-panel .primary-button+.login-link{margin:14px 0 0}@media (max-width:800px){.login-page{display:block}.login-brand{min-height:220px;padding:max(25px, env(safe-area-inset-top)) 22px 25px}.login-brand>div{margin-top:35px}.login-brand__icon,.login-brand>div>p:not(.eyebrow),.login-brand>small{display:none}.login-brand h1{margin-bottom:0;font-size:34px}.login-panel{margin-top:-22px;padding:0 14px 35px;position:relative}.login-panel form{border-radius:20px;padding:25px 20px}}