*{box-sizing:border-box}body{color:#1f2937;background:radial-gradient(circle at 100% 0,#fff7f3,#0000 40%),linear-gradient(135deg,#fffdfb,#f7efe9);margin:0;font-family:Arial,Helvetica,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border:1px solid #eee;border-radius:22px;width:100%;max-width:430px;padding:32px;box-shadow:0 18px 50px #0000001f}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.star{color:#fff;background:#b91c1c;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:34px;font-weight:700;display:flex}.brand h1{color:#991b1b;margin:0;font-size:25px}.brand p{color:#6b7280;margin:4px 0 0;font-size:13px}label{margin:17px 0 7px;font-size:14px;font-weight:600;display:block}input{border:1px solid #d1d5db;border-radius:11px;width:100%;padding:14px 15px;font-size:16px}input:focus{border-color:#b91c1c;outline:none}.signin{color:#fff;cursor:pointer;background:#dc1f37;border:0;border-radius:11px;width:100%;margin-top:23px;padding:15px;font-size:16px;font-weight:700}.signin:disabled{opacity:.65}.error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:15px;padding:10px;font-size:14px}.footer{text-align:center;color:#6b7280;border-top:1px solid #eee;margin-top:23px;padding-top:18px;font-size:12px}.welcome{background:#fafafa;border-radius:15px;padding:18px}.welcome p{color:#6b7280;margin:0;font-size:13px}.welcome h2{margin:5px 0}.welcome span{color:#6b7280;font-size:13px}.date{text-align:center;margin:20px 0;font-weight:600}.status{background:#f0fdf4;border-radius:10px;padding:13px;font-size:14px}.dot{background:#16a34a;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.notice{color:#6b7280;font-size:13px;line-height:1.5}.logout{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px}