*{box-sizing:border-box}body{margin:0;background:#edf1f3;color:#12252c;font-family:system-ui,sans-serif;font-size:16px;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:470px;background:#fff;border:1px solid #d9e0e4;border-radius:20px;padding:36px;box-shadow:0 12px 40px #17342f0a}.brand{display:flex;gap:14px;align-items:center;margin-bottom:30px}.logo{display:grid;place-items:center;width:48px;height:48px;background:#ffd242;color:#17342f;border-radius:12px;font-weight:900}.brand strong{letter-spacing:2px}.brand p{margin:3px 0;color:#536572}h1{font-size:28px;letter-spacing:-.7px;margin:0 0 14px}p{line-height:1.6}label{display:block;font-weight:600;margin:20px 0 7px}input{width:100%;padding:13px;border:1px solid #9faeb8;border-radius:8px;font:inherit}input:focus,a:focus,button:focus{outline:3px solid #e3ad0d;outline-offset:3px}button,.primary{display:block;width:100%;border:0;background:#17342f;color:#fff;border-radius:8px;padding:14px;font:inherit;font-weight:650;text-align:center;text-decoration:none;margin:24px 0 18px;cursor:pointer}a{color:#214e69}small{display:block;color:#536572;font-size:14px;line-height:1.5;margin-top:10px}.notice{padding:14px;border-radius:8px;background:#fff3d6;border:1px solid #e8c77e}.error{color:#982c28;background:#fff2f0;border-color:#eabbb6}.links{display:grid;gap:14px}footer{margin-top:30px;font-size:13px;color:#667783}@media(max-width:450px){main{padding:24px}body{padding:16px}}