@font-face{font-family:Manrope;src:url('/fonts/Manrope-400.ttf')}@font-face{font-family:Manrope;src:url('/fonts/Manrope-700.ttf');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#efeeea;color:#252329;font-family:Manrope,sans-serif}header{height:64px;background:#29282b;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1080px)/2))}main{margin:8vh auto;padding:32px;background:#faf9f6;border-radius:12px;max-width:440px}h1{font-size:24px;margin:0 0 8px}p{font-size:14px;color:#6d6872;line-height:1.5}form{display:grid;gap:18px;margin-top:26px}form[hidden]{display:none}label{display:grid;gap:7px;font-size:14px}input:not([type=checkbox]){width:100%;height:48px;border:1px solid #cbc8ce;border-radius:9px;padding:0 12px;font:inherit}input:focus-visible,button:focus-visible{outline:3px solid #a188b0;outline-offset:2px}button{min-height:48px;border:0;border-radius:9px;background:#81648e;color:#fff;font:700 14px Manrope;cursor:pointer}button:disabled{opacity:.6}.backup{display:flex;align-items:center;gap:8px}#message{color:#9b3542;min-height:1.5em}@media(max-width:480px){main{margin:24px 16px;padding:24px}}