body{margin:0;min-height:100vh;background:linear-gradient(130deg,#edf6ff,#fff7f1);font-family:system-ui,"Malgun Gothic",sans-serif;display:grid;place-items:center;color:#18314e}article{background:white;padding:32px;border-radius:20px;border:1px solid #d6e6f4;box-shadow:0 12px 42px #26466a20;max-width:400px;width:calc(100% - 40px)}h1{font-size:23px;margin:9px 0}p{color:#5c7186;font-size:13px;line-height:1.7}.logo{font-size:24px;font-weight:900;color:#12618e}label{display:block;margin:17px 0 6px;font-size:13px;font-weight:700}input{padding:12px;border:1px solid #d1dbe8;border-radius:10px;width:100%;box-sizing:border-box;font:inherit}button{margin-top:22px;background:#173d62;color:#fff;border:0;border-radius:10px;padding:13px;width:100%;font-weight:800;cursor:pointer}button:disabled{opacity:.5}#message{color:#b52b4a;font-weight:650;font-size:13px;min-height:24px;margin-top:10px}.notice{background:#fff7e9;border:1px solid #f3e5c8;padding:13px;border-radius:9px;margin-top:17px}