@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/roboto-slab-400.ttf') format('truetype')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/roboto-slab-700.ttf') format('truetype')}*{box-sizing:border-box}html{background:#fafafa;color:#171717}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 24px;font:400 15px/1.6 'Roboto Slab',Georgia,serif}main{width:min(100%,360px)}h1{font-size:26px;font-weight:400;line-height:1.3;letter-spacing:-.6px;margin:0 0 12px}p{margin:0;color:#707070;font-size:14px}form{margin-top:32px}label{display:block;font-size:12px;color:#707070;margin-bottom:8px}input,button{width:100%;font:inherit;border-radius:4px;height:48px}input{padding:0 14px;border:1px solid #d8d8d8;background:#fff;color:#171717;transition:border-color .15s}input:focus{outline:none;border-color:#171717}button{margin-top:12px;background:#171717;color:#fff;border:1px solid #171717;cursor:pointer;font-size:14px;transition:background .15s}button:hover{background:#333}button:focus-visible,a:focus-visible{outline:2px solid #80535e;outline-offset:4px}.error{color:#a12c4c;font-size:12px;margin-top:12px}.error:empty{display:none}a{display:inline-flex;align-items:center;gap:8px;color:#707070;font-size:12px;margin-top:28px;text-decoration:none}a:before{content:'←';font-size:16px}a:hover{color:#171717}@media(prefers-reduced-motion:reduce){input,button{transition:none}}

.password-art{position:relative;width:148px;aspect-ratio:868/869;overflow:hidden;margin:0 0 24px;mix-blend-mode:multiply;pointer-events:none}.password-art img{position:absolute;display:block;width:235.94%;height:314.38%;max-width:none;left:-143.07%;top:-161.42%}@media(max-width:480px){.password-art{width:128px;margin-bottom:20px}h1{font-size:24px}}

.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:4px;top:4px;width:40px;min-width:40px;height:40px;margin:0;padding:10px;border:0;background:transparent;color:#707070;font-size:12px}.password-toggle:hover{background:transparent;color:#171717}.password-toggle:focus-visible{outline-offset:-3px}

.password-toggle img{display:block}.password-toggle .eye-closed{display:none}.password-toggle[aria-pressed="true"] .eye-open{display:none}.password-toggle[aria-pressed="true"] .eye-closed{display:block}