:root{color-scheme:only light;font:15px/1.5 system-ui,sans-serif;color:#18202c;background:#f5f6f8}*{box-sizing:border-box}body{margin:0;padding:35px 15px}main{max-width:490px;margin:5vh auto;background:white;border:1px solid #dce2ea;border-radius:12px;padding:30px}.brand{color:#c51536;font-size:25px;font-weight:800;text-decoration:none}.brand span{color:#18202c;font-size:20px}h1{font-size:26px}label{display:grid;gap:7px;margin:18px 0}input,button{font:inherit;padding:12px;border-radius:6px;width:100%;border:1px solid #bdc7d3;background:white;color:#18202c}button{cursor:pointer;background:#18202c;color:white;margin-top:14px}button:disabled{opacity:.55}.note,#description{color:#657083}#error{color:#aa2442}#success{color:#17613f}[hidden]{display:none!important}@media(max-width:400px){main{padding:20px;margin-top:0}input{font-size:16px}}
:root{background:#f6f7fa;color:#202634}main{padding:38px;border-radius:18px;box-shadow:0 12px 40px #18202c06;border-color:#e6e9ef}.brand{letter-spacing:-1px}.brand span{letter-spacing:-.4px}h1{font-size:29px;font-weight:650;letter-spacing:-.8px;margin-top:32px}.note{font-size:13px;line-height:1.65;border-top:1px solid #e6e9ef;padding-top:18px;margin-top:24px}label{font-size:13px;font-weight:600;color:#4c576a}input{font-weight:400;font-size:15px;margin-top:2px;border-color:#d5dce6;border-radius:8px;padding:13px}input:focus{outline:3px solid #c5153620;border-color:#af4a60}button{border-radius:9px;font-weight:600;padding:14px}button:hover{background:#303a4d}#entra{background:white;color:#202634;border-color:#d5dce6}#error:not(:empty){padding:12px;background:#fff0f3;border-radius:8px;font-size:13px}#success:not(:empty){padding:12px;background:#eaf5ee;border-radius:8px}@media(max-width:480px){main{padding:25px;margin-top:20px}}