body{padding-bottom:0}
.login{max-width:420px;margin:0 auto;padding:10vh 16px 24px}
.login .card{padding:0;overflow:hidden;border-radius:24px}
.login .velvet{display:flex;justify-content:center;align-items:center;height:120px;background:var(--stage)}
.login .inner{padding:22px 20px 20px}
.login h1{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}
.login form{margin-top:6px}
.login label{font-size:.8125rem;font-weight:700;margin-top:12px}
.login .btn{width:100%;margin-top:18px;min-height:52px;font-size:1rem;font-weight:700;border-radius:14px}
.login .btn:disabled{opacity:.6;cursor:wait}
.login .hint{min-height:1.3em}
.beads{display:flex;gap:5px}
.beads i{width:22px;height:26px;border-radius:8px;display:block;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.4)}
.beads i:nth-child(1),.beads i:nth-child(7){background:#d2ab48}
.beads i:nth-child(2),.beads i:nth-child(6){background:#e2cfa8}
.beads i:nth-child(3),.beads i:nth-child(5){background:#d19a2e}
.beads i:nth-child(4){background:#6e1f33}