body{min-height:100vh;display:grid;place-items:center;padding:calc(24px*var(--fz)) calc(16px*var(--fz));background:radial-gradient(900px 420px at 50% -10%,var(--acc-soft),transparent 70%),var(--bg)}
.box{width:100%;max-width:calc(420px*var(--fz));background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r4);box-shadow:var(--sh2);padding:var(--s6) var(--s6) var(--s5)}.box .brand{padding:0}.box h1{font-size:calc(26px*var(--fz));margin:var(--s5) 0 var(--s2)}.box p{margin:var(--s4) 0 calc(6px*var(--fz));font-size:calc(14px*var(--fz))}.box>a.mut{font-size:calc(13px*var(--fz))}
.pw{position:relative}.pw input{padding-right:calc(76px*var(--fz))}.pw button{position:absolute;right:calc(4px*var(--fz));top:calc(4px*var(--fz));min-height:calc(var(--ctl) - calc(8px*var(--fz)))}
@media(max-width:480px){.box{padding:var(--s5) var(--s4)}}