.form-step{animation:step-in .35s var(--ease)}
.avatar{position:relative;width:76px;height:76px;margin:0 auto 22px}
.avatar-pick{width:100%;height:100%;border:none;border-radius:50%;background:var(--bg-elev) center / cover no-repeat;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s var(--ease)}
.avatar-pick:hover{transform:scale(1.04)}
.avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;opacity:0;transition:opacity .2s}
.avatar-pick:hover .avatar-overlay,.avatar-pick:focus-visible .avatar-overlay{opacity:1}
.avatar-overlay svg{width:22px;height:22px}
.avatar-remove{position:absolute;top:-2px;right:-2px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--bg);background:var(--err);color:#fff;cursor:pointer}
.avatar-remove[hidden]{display:none}
.avatar-remove svg{width:12px;height:12px;stroke-width:3}
.strength{margin-top:12px;padding:0 20px}
.strength-bar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.strength-fill{height:100%;width:0;border-radius:4px;transition:width .35s,background .35s}
.strength-label{margin-top:6px;font-size:.85rem;font-weight:700}
.terms{margin:22px 0 24px;padding-left:4px}
@keyframes step-in{from{opacity:0;transform:translateY(10px)}}