.login { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; gap: 28px; }
.login-card { width: min(400px, 100%); display: flex; flex-direction: column; gap: 18px; padding: 28px; background: var(--wbt-surface-1); border: 1px solid var(--wbt-border); border-radius: var(--wbt-radius-lg); }
.login-card h1 { font-size: var(--wbt-text-xl); margin-bottom: 6px; }
.login-card p { font-size: var(--wbt-text-sm); }
.pw { position: relative; display: block; }
.pw .btn { position: absolute; right: 4px; top: 5px; }
.pw .input { padding-right: 40px; }
.login-foot { display: flex; justify-content: center; }