.vm-auth{padding:32px 16px 56px;display:grid;place-items:center;color:#f5f5f7}
.vm-auth,.vm-auth *{box-sizing:border-box}
.vm-auth .vm-card{width:100%;max-width:560px;padding:34px;border:1px solid #ffffff14;border-radius:24px;background:linear-gradient(145deg,#1a121a,#111218 55%);box-shadow:0 24px 70px #0006}
.vm-auth .vm-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2px;color:#ff6574;margin-bottom:12px}
.vm-auth h1{font-size:clamp(25px,4vw,34px);line-height:1.2;margin:0 0 12px;color:#fff;overflow-wrap:anywhere}
.vm-auth .vm-muted{color:#aeb0be;line-height:1.65}
.vm-auth p{margin:0 0 20px}
.vm-auth .vm-form{display:grid;gap:11px;margin-top:24px}
.vm-auth .vm-form>label{font-size:13px;font-weight:650;margin-top:5px}
.vm-auth .vm-form>input{display:block;width:100%;min-height:48px;border:1px solid #ffffff24;border-radius:12px;background:#090a0e;color:#fff;padding:12px 14px;font:inherit}
.vm-auth .vm-form>input[type=hidden]{display:none}
.vm-auth .vm-form>input:focus{outline:2px solid #ff6574;outline-offset:2px}
.vm-auth .vm-form>small{font-size:12px;margin-bottom:5px}
.vm-auth .vm-check{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-weight:400!important;color:#c9cbd5}
.vm-auth .vm-check input{appearance:auto;width:18px;height:18px;min-width:18px;margin:3px 0 0;accent-color:#e9384d}
.vm-auth a{color:#ff8994;text-decoration:none}
.vm-auth a:hover{text-decoration:underline}
.vm-auth .vm-button{display:block;width:100%;min-height:48px;border:0;border-radius:12px;background:linear-gradient(110deg,#d9233b,#f1485c);color:#fff;font:inherit;font-weight:750;padding:13px 16px;cursor:pointer;margin-top:10px}
.vm-auth .vm-button:hover:not(:disabled){filter:brightness(1.1)}
.vm-auth .vm-button:disabled{background:#272831;color:#aeb0be;cursor:not-allowed}
.vm-auth .vm-button:focus-visible,.vm-auth a:focus-visible,.vm-auth .vm-secondary:focus-visible{outline:2px solid #ff8994;outline-offset:4px}
.vm-auth .vm-alert{background:#e9384d14;border:1px solid #e9384d55;border-radius:12px;color:#ffd5da;padding:12px 14px;font-size:14px;overflow-wrap:anywhere}
.vm-auth .vm-switch{margin:24px 0 16px;font-size:14px;color:#b8bac6}
.vm-auth .vm-switch a{font-weight:700;margin-left:5px}
.vm-auth .vm-back{display:inline-block;font-size:13px;color:#aeb0be}
.vm-auth .vm-status{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:17px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;margin:24px 0;color:#b8bac6}
.vm-auth .vm-status strong{color:#fff}
.vm-auth .vm-plan{padding:22px;margin:22px 0;border:1px solid #ff65742b;border-radius:16px;background:#e9384d08}
.vm-auth .vm-plan h2{margin:0 0 12px;font-size:30px;color:#fff}
.vm-auth .vm-plan h2 small{font-size:14px;color:#aeb0be;font-weight:400}
.vm-auth .vm-logout{margin-top:24px}
.vm-auth .vm-secondary{border:1px solid #ffffff24;border-radius:10px;background:transparent;color:#dddfe8;font:inherit;padding:10px 16px;cursor:pointer}
@media(max-width:600px){
  .vm-auth{padding:18px 0 32px}
  .vm-auth .vm-card{padding:24px 18px;border-radius:18px}
  .vm-auth .vm-plan{padding:17px}
  .vm-auth .vm-form>input{font-size:16px}
}