*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,Arial,sans-serif;color:#14243b;background:#f7f8fa}.elegant-login{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;position:relative;overflow:hidden}.elegant-login:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(197,151,51,.06),transparent 24%,transparent 76%,rgba(12,47,91,.035));pointer-events:none}.info-panel{padding:46px 6vw 38px;position:relative;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e7ebf0;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}.info-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,rgba(197,151,51,.07),transparent 22%),linear-gradient(145deg,transparent 0 58%,rgba(10,48,91,.025) 58% 59%,transparent 59%);pointer-events:none}.portal-heading,.intro,.info-panel>h2,.info-list,.notice{position:relative;z-index:1}.portal-heading{display:flex;gap:18px;align-items:center}.portal-heading img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(10,48,91,.12))}.portal-heading h1{font-size:35px;line-height:1.12;margin:0;color:#0a315d;letter-spacing:-.7px}.portal-heading h1 span{color:#b88924}.intro{font-size:15px;line-height:1.75;color:#58687c;margin:24px 0 28px;max-width:650px}.info-panel>h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#0a315d;border-bottom:1px solid #e8edf2;padding-bottom:12px;margin:0 0 18px}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-list article{display:flex;gap:12px;padding:14px;border:1px solid #e8edf2;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 7px 20px rgba(23,42,67,.035)}.info-list i{font-style:normal;background:#fff8e9;color:#b88924;border:1px solid #ecd69f;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex:0 0 30px}.info-list strong{font-size:13px;color:#172b45}.info-list p,.notice p,.role-note p{font-size:12px;line-height:1.55;color:#66758a;margin:4px 0}.notice{margin-top:14px;padding:14px 16px;border-radius:13px;border:1px solid #ead8ad;background:#fffdf7}.warning strong{color:#9b741c}.help{display:none}.login-panel{padding:42px 5vw;display:flex;align-items:center;justify-content:center;position:relative;background:#fff}.login-box{width:100%;max-width:520px;border:1px solid #e2e7ed;border-radius:24px;padding:38px 38px 34px;background:#fff;box-shadow:0 24px 60px rgba(20,39,63,.10),0 2px 8px rgba(20,39,63,.04);position:relative}.login-box:before{content:"PORTAL INTERNAL";position:absolute;right:24px;top:22px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#9b741c;background:#fff8e9;border:1px solid #ecd69f;border-radius:999px;padding:6px 9px}.lock{margin:auto;width:68px;height:76px;clip-path:polygon(50% 0,90% 16%,90% 55%,77% 78%,50% 100%,23% 78%,10% 55%,10% 16%);background:linear-gradient(145deg,#0a315d,#123f73);color:#d8ad4b;display:grid;place-items:center;font-size:27px;box-shadow:0 10px 22px rgba(10,49,93,.16)}.login-box>h2{text-align:center;font-size:30px;margin:18px 0 6px;color:#0a315d;letter-spacing:-.5px}.login-box>p{text-align:center;color:#748195;margin:0 0 28px;font-size:14px}.login-box form{display:grid;gap:17px}.login-box label{font-size:13px;font-weight:700;color:#26374e}.field{margin-top:8px;height:54px;border:1px solid #d7dee7;border-radius:12px;display:flex;align-items:center;padding:0 15px;gap:11px;background:#fff;transition:.18s ease}.field:focus-within{border-color:#b88924;box-shadow:0 0 0 3px rgba(184,137,36,.10)}.field span{color:#8a97a9}.field input{border:0;outline:0;flex:1;font:inherit;color:#172b45;background:transparent}.field input::placeholder{color:#9aa6b5}.eye{border:0;background:none;color:#7b899c;font-size:17px;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#0d4f8e}.remember{display:flex;align-items:center;gap:7px;color:#5f6f83!important;font-weight:500!important}.remember input{accent-color:#0a315d}.submit-btn{height:55px;border:0;border-radius:12px;background:linear-gradient(100deg,#082f5d,#124a80);color:#fff;font-weight:800;font-size:15px;letter-spacing:.01em;box-shadow:0 12px 24px rgba(8,47,93,.18);cursor:pointer}.submit-btn:hover{filter:brightness(1.04)}.role-note{margin-top:24px;background:#f8fafc;border:1px solid #e1e7ee;border-radius:12px;padding:14px 16px}.role-note strong{color:#9b741c;font-size:12px}.alert{background:#fff5f4;color:#9d2922;border:1px solid #f1c8c5;padding:12px;border-radius:10px;margin-bottom:18px;font-size:13px}.login-footer{min-height:76px;background:#082f5d;color:#fff;padding:16px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:3px solid #c59a3c}.login-footer strong{letter-spacing:.08em}.login-footer span{font-size:11px;line-height:1.55;text-align:center;color:#c9d5e4}.login-footer b{font-size:11px;border:1px solid rgba(255,255,255,.24);padding:9px 14px;border-radius:999px;color:#f1d48b}@media(max-width:900px){.elegant-login{display:block;min-height:auto}.info-panel{padding:26px 22px 22px;border-right:0;border-bottom:1px solid #e7ebf0}.portal-heading{justify-content:center;text-align:left}.portal-heading img{width:58px;height:58px}.portal-heading h1{font-size:25px}.intro{text-align:center;margin:18px auto}.info-panel>h2,.info-list,.warning{display:none}.login-panel{padding:24px 18px 34px}.login-box{max-width:560px;padding:30px 22px 26px;border-radius:20px}.login-box:before{right:16px;top:15px}.login-box>h2{font-size:26px}.login-footer{display:grid;justify-content:center;text-align:center;padding:18px}.login-footer span{text-align:center}}@media(max-width:430px){.portal-heading h1{font-size:22px}.portal-heading img{width:52px;height:52px}.login-panel{padding:16px 12px 28px}.login-box{padding:28px 18px 22px}.lock{width:60px;height:66px}.field{height:52px}.submit-btn{height:52px}}