.login { width: min(100%, 420px); padding: 32px 28px; position: relative; z-index: 2; }
.login .brand { margin-bottom: 22px; font-size: 28px; }
.login label { display: block; font-size: 14px; font-weight: 600; color: var(--t-dim); margin-bottom: 16px; }
.login input { display: block; width: 100%; margin-top: 6px; height: 52px; border-radius: 14px; border: 0; padding: 0 16px; font: inherit; font-size: 18px; color: #fff; background: rgba(255,255,255,.1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.login input:focus { outline: 2px solid rgba(255,255,255,.8); }
.login .btn { width: 100%; margin-top: 6px; }
.login .msg { color: var(--rose); min-height: 1.6em; margin: 14px 0 0; font-size: 15px; }