*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#0b2447;background:#f7f9fc}.elegant-login{max-width:1180px;margin:42px auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e4eaf2;border-radius:22px;box-shadow:0 18px 55px rgba(18,48,88,.10);overflow:hidden}.info-panel,.login-panel{padding:44px 50px}.info-panel{border-right:1px solid #e8edf4}.portal-heading{display:flex;gap:18px;align-items:center}.portal-heading img{width:62px;height:62px;object-fit:contain}.portal-heading h1{font-size:34px;line-height:1.15;margin:0;color:#0b2447}.portal-heading h1 span{color:#1261c9}.intro{font-size:16px;line-height:1.75;color:#405472;margin:28px 0}.info-panel>h2{font-size:17px;border-bottom:1px solid #e8edf4;padding-bottom:14px}.info-list{display:grid;gap:16px}.info-list article{display:flex;gap:14px}.info-list i{font-style:normal;background:#eef5ff;color:#1261c9;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex:0 0 32px}.info-list strong{font-size:14px}.info-list p,.notice p,.role-note p{font-size:13px;line-height:1.55;color:#425572;margin:4px 0}.notice{margin-top:20px;padding:18px;border-radius:12px;border:1px solid}.warning{background:#fff9f7;border-color:#ffd7d1}.warning strong{color:#c42d24}.help{background:#f4f9ff;border-color:#d4e5fb}.help strong{color:#1261c9}.help button{margin-top:8px;padding:9px 14px;border:1px solid #bcd5f5;background:#fff;color:#1261c9;border-radius:8px;font-weight:700}.login-panel{display:flex;align-items:center;justify-content:center}.login-box{width:100%;max-width:450px}.lock{margin:auto;width:76px;height:76px;border-radius:18px;background:#eef5ff;color:#1261c9;display:grid;place-items:center;font-size:34px}.login-box>h2{text-align:center;font-size:28px;margin:18px 0 6px}.login-box>p{text-align:center;color:#61718a;margin-bottom:34px}.login-box form{display:grid;gap:18px}.login-box label{font-size:13px;font-weight:700}.field{margin-top:8px;height:52px;border:1px solid #ccd6e4;border-radius:9px;display:flex;align-items:center;padding:0 14px;gap:10px;background:#fff}.field span{color:#60738f}.field input{border:0;outline:0;flex:1;font:inherit;color:#172b4d}.eye{border:0;background:none;color:#60738f;font-size:17px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#1261c9}.remember{display:flex;align-items:center;gap:7px;color:#53647c!important;font-weight:500!important}.submit-btn{height:52px;border:0;border-radius:9px;background:#0b4aa2;color:#fff;font-weight:800;font-size:15px;box-shadow:0 8px 18px rgba(11,74,162,.18)}.role-note{margin-top:28px;background:#f5f8fc;border:1px solid #dce5f0;border-radius:10px;padding:16px}.role-note strong{color:#1261c9}.alert{background:#fff1f1;color:#a91e1e;border:1px solid #ffcaca;padding:12px;border-radius:9px;margin-bottom:18px;font-size:13px}.login-footer{max-width:1180px;margin:-18px auto 30px;background:#082e62;color:#fff;border-radius:0 0 18px 18px;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-footer span{font-size:12px;line-height:1.6;text-align:center;color:#cbd9ec}.login-footer b{font-size:12px;border:1px solid #53739b;padding:10px 16px;border-radius:999px}@media(max-width:800px){.elegant-login{margin:0;display:block;border-radius:0}.info-panel,.login-panel{padding:28px 22px}.info-panel{border-right:0;border-bottom:1px solid #e8edf4}.portal-heading h1{font-size:27px}.portal-heading img{width:52px;height:52px}.login-footer{margin:0;border-radius:0;display:grid;text-align:center;justify-content:center}.login-footer span{text-align:center}.login-panel{padding-bottom:40px}}