*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f6f7;color:#1a1a1a;font:15px "Segoe UI",Inter,system-ui,sans-serif}.login-shell{width:min(420px,100%);min-height:760px;background:#f4f6f7;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px #00000009}.login-header{height:230px;background:#cfe6eb;position:relative;overflow:hidden}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:48px}.login-brand h1{margin:0;font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.3px}.login-wave{position:absolute;left:0;bottom:0;width:100%;height:64px;display:block}main{padding:28px 20px 36px}form{background:#fff;border-radius:12px;padding:24px 20px;box-shadow:0 1px 3px #00000014}h2{font-size:18px;font-weight:700;margin:0 0 8px}.login-intro{margin:0 0 24px;color:#4a5560;font-size:13px;line-height:1.5}label{display:block;margin:20px 0 6px;font-size:13px;font-weight:600;color:#2b3a42}input{display:block;width:100%;height:48px;border:1.5px solid #b9c3c9;border-radius:8px;padding:0 12px;font:inherit;background:#fff;color:#1a1a1a}input[type=hidden]{display:none}button{width:100%;height:48px;margin-top:8px;border:0;border-radius:8px;background:#c8474a;color:#fff;font:700 15px "Segoe UI",Inter,system-ui,sans-serif;cursor:pointer}button:hover{background:#ad3639}button:active{background:#972f32}input:focus-visible,button:focus-visible{outline:2px solid #1f4e79;outline-offset:3px}.error{background:#fdecec;color:#8c1d18;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5;margin:16px 0 8px}.error:empty{display:none}@media(max-width:480px){body{display:block}.login-shell{width:100%;min-height:100vh;border-radius:0;box-shadow:none}}