:root{font-family:"Noto Sans JP",system-ui,sans-serif;color:#162331;background:#eef3f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#edf5f5,#f6f8f9)}.login-card{width:min(100%,420px);background:#fff;border:1px solid #d9e3e8;border-radius:14px;padding:38px;box-shadow:0 22px 60px #17344a1a}.mark{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:#0f9996;color:#fff;font-weight:700;margin-bottom:22px}h1{font-size:24px;margin:0 0 8px}p{color:#667685;margin:0 0 26px}form{display:grid;gap:10px}label{font-size:13px;font-weight:700}input{height:46px;border:1px solid #becbd3;border-radius:7px;padding:0 13px;font:16px inherit}input:focus{outline:3px solid #14a5a22b;border-color:#119c99}button{height:46px;border:0;border-radius:7px;background:#0f9996;color:#fff;font:700 15px inherit;cursor:pointer;margin-top:6px}button:disabled{opacity:.55;cursor:wait}.error{min-height:20px;margin:2px 0 0;color:#b63838;font-size:13px}small{display:block;color:#7a8994;line-height:1.6;margin-top:18px}