*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 12% 0,#f1ede5,transparent 50%),#f4f4f6;padding:40px 20px;color:#34343f;font:15px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}.brand{display:flex;align-items:center;gap:13px;font:28px Georgia,serif;letter-spacing:3px;margin-bottom:35px}.brand>b{display:grid;place-items:center;background:#26262e;color:#d9c18d;border:1px solid #bea66d;width:40px;height:45px;font:31px Georgia,serif;letter-spacing:0}.brand small{display:block;font:9px/1.9 Arial,sans-serif;letter-spacing:1.4px;color:#7f7f97}main{background:white;padding:36px 40px 28px;border:1px solid #e2e2e7;border-radius:13px;width:430px;max-width:100%;box-shadow:0 12px 40px #2d2d3610}.lock{display:grid;place-items:center;background:#f5f3ee;width:50px;height:50px;color:#9c8858;border-radius:12px;margin-bottom:26px;font-size:27px}main>small{font-size:10px;letter-spacing:1.4px;color:#9999ab}h1{font-size:26px;line-height:1.5;margin:10px 0}main>p{font-size:14px;color:#8e8ea2;line-height:1.9}form{margin-top:27px}label{display:block;font-size:13px;color:#787890;margin-bottom:7px}input{width:100%;font:16px inherit;border:1px solid #dedee4;padding:12px;border-radius:7px;color:#3c3c49}input:focus-visible,button:focus-visible{outline:3px solid #ac996c;outline-offset:3px}button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#454554;color:white;border-radius:7px;padding:13px 17px;margin:18px 0;font:14px inherit;cursor:pointer}button:disabled{opacity:.6}footer{font-size:11px;color:#a6a6b7;text-align:center}.bottom{font-size:10px;letter-spacing:1.5px;color:#a5a5b6;margin-top:29px}#error{background:#fff1ec;color:#af6553;border-radius:5px;padding:10px;font-size:13px}@media(max-width:500px){main{padding:28px 25px}body{padding:30px 20px}.brand{margin-bottom:30px}}
body{color:#333;background:radial-gradient(ellipse at 15% 0,#fff2d4,transparent 50%),#f6f5f8}.brand{display:flex;justify-content:center;width:350px;max-width:100%;padding:23px 32px;background:#1a1a2e;border-radius:10px;margin-bottom:30px}.brand img{display:block;width:280px;max-width:100%;height:auto}h1{color:#1a1a2e}.lock{background:#fff4d7;color:#8a650f}button{background:#f9bc2a;color:#1a1a2e;font-weight:600}button:hover{background:#efae16}input:focus-visible,button:focus-visible{outline-color:#b98715}main>p,label{color:#72717d}main>small{color:#85838f}