*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:#1a1a1a;background:#f2f2ee;display:flex;justify-content:center;align-items:center;min-height:100vh}
.login-box{background:#fff;border:1px solid #e2e2dc;border-radius:12px;padding:2.5rem;width:100%;max-width:380px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.login-box h1{font-size:20px;font-weight:700;margin-bottom:.3rem}
.login-box p{font-size:12px;color:#888;margin-bottom:1.5rem}
.login-box label{display:block;font-size:12px;font-weight:600;margin-bottom:.3rem;color:#555}
.login-box input{width:100%;padding:.55rem .8rem;font-size:13px;border:1px solid #d5d5d0;border-radius:7px;margin-bottom:1rem;outline:none;transition:border .15s}
.login-box input:focus{border-color:#1a1a1a}
.login-box button{width:100%;padding:.6rem;font-size:13px;font-weight:600;background:#1a1a1a;color:#fff;border:none;border-radius:7px;cursor:pointer;transition:background .15s}
.login-box button:hover{background:#333}
.login-box button:disabled{background:#999;cursor:not-allowed}
.login-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.5rem .8rem;border-radius:7px;font-size:12px;margin-bottom:1rem;display:none}
.pw-change{background:#fef9c3;border:1px solid #fde68a;color:#92400e;padding:.5rem .8rem;border-radius:7px;font-size:12px;margin-bottom:1rem}