*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f1f1f1;color:#111827}
.page-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login-shell{width:100%;max-width:1280px;background:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 1.15fr;min-height:720px}
.left-panel{padding:28px 48px 24px;display:flex;flex-direction:column;justify-content:space-between}
.brand{text-align:center;margin-bottom:28px}
.brand img{max-height:42px;max-width:220px;object-fit:contain}
.form-area{max-width:500px;width:100%;margin:0 auto}
.title{font-size:46px;line-height:1.1;font-weight:700;margin:10px 0 8px}
.subtitle{font-size:24px;color:#6b7280;margin-bottom:34px}
.label{font-size:24px;font-weight:600;margin-bottom:14px;display:block}
.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}
.role-card{border:2px solid #e5e7eb;border-radius:16px;padding:28px 16px;text-align:center;font-size:28px;font-weight:600;background:#fff;cursor:pointer;transition:.2s ease}
.role-card.active{border-color:#6366f1;background:#eef2ff}
.role-card small{display:block;font-size:17px;font-weight:500;color:#6b7280;margin-top:6px}
.field-group{margin-bottom:18px}
.field-title{font-size:24px;font-weight:600;margin-bottom:10px;display:block}
.input{width:100%;height:68px;border:1px solid #d1d5db;border-radius:12px;padding:0 18px;font-size:24px;outline:none;background:#fff}
.input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.10)}
.password-wrap{position:relative}
.toggle-pass{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:16px;cursor:pointer;color:#6b7280}
.btn-login{width:100%;height:70px;border:0;border-radius:10px;background:#ef1c00;color:#fff;font-size:28px;font-weight:700;cursor:pointer;margin-top:10px}
.btn-login:hover{background:#d91a00}
.error-box{background:#ffe4e4;color:#b30000;border:1px solid #f5b5b5;padding:14px 16px;border-radius:10px;margin-bottom:18px;font-size:18px}
.footer-note{text-align:center;color:#111827;font-size:15px;margin-top:40px}
.right-panel{padding:18px 18px 18px 0;display:flex;align-items:stretch;justify-content:center}
.image-card{width:100%;height:100%;border-radius:18px;overflow:hidden;background:#ddd}
.image-card img{width:100%;height:100%;object-fit:cover;display:block}
.hidden-radio{display:none}
@media (max-width:1100px){
.login-shell{grid-template-columns:1fr}
.right-panel{display:none}
.left-panel{padding:24px}
.form-area{max-width:100%}
.title{font-size:34px}
.subtitle{font-size:18px}
.label,.field-title{font-size:18px}
.role-card{font-size:20px;padding:18px 12px}
.input,.btn-login{height:56px;font-size:18px}
}