:root{--green:#08743f;--green-dark:#04532e;--green-deep:#033d24;--gold:#d9a520;--ink:#1b2a32;--muted:#6b7780;--line:#dbe3df;--soft:#f4f8f6;--white:#fff}
*{box-sizing:border-box}html,body{min-height:100%}body.login-page{margin:0;font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(135deg,#043d2e 0%,#076040 48%,#032f24 100%)}
.login-layout{width:min(1500px,calc(100% - 52px));min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:34px 0 22px}.login-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(410px,.75fr);min-height:690px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 28px 85px rgba(0,20,12,.32);border:1px solid rgba(255,255,255,.3)}
.institution-panel{position:relative;overflow:hidden;min-height:690px;color:#fff;background:#064c34}.institution-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.institution-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,46,32,.18) 0%,rgba(0,56,37,.16) 46%,rgba(0,55,36,.88) 82%,rgba(0,42,29,.96) 100%)}
.institution-brand{position:absolute;z-index:2;top:34px;left:38px;display:flex;align-items:center;gap:17px;text-shadow:0 2px 12px rgba(0,0,0,.3)}.institution-brand img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.22))}.institution-brand div{display:flex;flex-direction:column}.institution-brand span{font-size:14px;font-weight:700;letter-spacing:.7px}.institution-brand strong{font-size:34px;line-height:1.05;letter-spacing:.2px}.institution-brand small{font-size:15px;font-weight:700;margin-top:6px;letter-spacing:.7px}
.institution-copy{position:absolute;z-index:2;left:42px;right:42px;bottom:150px;max-width:720px}.official-pill{display:inline-flex;gap:8px;align-items:center;padding:9px 13px;border-radius:999px;background:rgba(0,76,48,.68);border:1px solid rgba(255,255,255,.35);font-size:12px;font-weight:700;backdrop-filter:blur(6px)}.institution-copy h1{font-size:43px;line-height:1.08;margin:16px 0 12px;max-width:700px}.institution-copy p{font-size:16px;line-height:1.65;margin:0;max-width:650px;color:rgba(255,255,255,.92)}
.institution-features{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:115px;padding:23px 38px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:rgba(1,66,42,.88);border-top:3px solid var(--gold);backdrop-filter:blur(7px)}.institution-features>div{display:flex;align-items:center;gap:12px}.institution-features>div>i{width:45px;height:45px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:18px}.institution-features span{display:flex;flex-direction:column;gap:3px}.institution-features b{font-size:12px;text-transform:uppercase;letter-spacing:.4px}.institution-features small{font-size:10px;line-height:1.35;color:rgba(255,255,255,.82)}
.access-panel{display:flex;align-items:center;background:linear-gradient(180deg,#fff,#fbfdfc);padding:34px 36px}.access-inner{width:100%;max-width:465px;margin:auto}.mobile-brand{display:none}.access-heading{text-align:center;margin-bottom:24px}.access-emblem{width:70px;height:70px;margin:0 auto 10px;display:grid;place-items:center}.access-emblem img{width:66px;height:66px;object-fit:contain}.access-kicker{display:block;color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.3px;margin-bottom:4px}.access-heading h2{font-size:34px;margin:0 0 7px;color:#163729}.access-heading p{margin:0 auto;color:var(--muted);font-size:13px;line-height:1.5;max-width:355px}
form label,.label-row label{display:block;font-size:12px;font-weight:700;color:#33453d;margin:15px 0 7px}.label-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.label-row a{font-size:11px;color:var(--green);font-weight:700;text-decoration:none;margin-bottom:7px}.label-row a:hover{text-decoration:underline}.control-wrap{position:relative}.control-wrap>i{position:absolute;z-index:2;left:15px;top:50%;transform:translateY(-50%);color:#75827c;font-size:15px}.control-wrap input,.control-wrap select{width:100%;height:50px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#24342d;padding:0 46px;font-size:13px;outline:none;transition:.2s}.control-wrap select{appearance:auto}.control-wrap input:focus,.control-wrap select:focus{border-color:#46a173;box-shadow:0 0 0 4px rgba(8,116,63,.10)}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;color:#607168;cursor:pointer;border-radius:7px}.password-toggle:hover{background:#edf6f1;color:var(--green)}
.primary-login{margin-top:20px;width:100%;height:51px;border:0;border-radius:8px;color:#fff;background:linear-gradient(90deg,var(--green),#0c8a4c);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 9px 20px rgba(8,116,63,.18);transition:.18s}.primary-login:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(8,116,63,.23)}.primary-login:disabled{opacity:.68;cursor:not-allowed;transform:none}.or-separator{display:flex;align-items:center;gap:10px;color:#929f98;font-size:11px;margin:20px 0 10px}.or-separator::before,.or-separator::after{content:"";height:1px;background:#e1e7e4;flex:1}.new-account-text{text-align:center;font-size:11px;color:#748078;margin:0 0 9px}.create-account{height:47px;border:1px solid #3c9567;border-radius:8px;color:var(--green);font-size:13px;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}.create-account:hover{background:#f0f8f4}.security-note{margin-top:18px;border:1px solid #cce2d6;background:#f1f9f5;border-radius:9px;padding:13px 14px;display:flex;align-items:center;gap:11px;color:var(--green-dark)}.security-note>i{font-size:22px}.security-note div{display:flex;flex-direction:column;gap:2px}.security-note strong{font-size:12px}.security-note span{font-size:10px;color:#587265}.help-note{margin-top:13px;text-align:center;font-size:9px;line-height:1.45;color:#7d8b84}.login-footer{text-align:center;color:rgba(255,255,255,.9);font-size:11px;padding:17px 10px 0}
@media(max-width:1050px){.login-layout{width:min(1100px,calc(100% - 28px))}.login-card{grid-template-columns:1.1fr .9fr}.institution-copy h1{font-size:36px}.institution-features{grid-template-columns:1fr;padding:17px 28px}.institution-features>div:nth-child(n+2){display:none}}
@media(max-width:800px){body.login-page{background:#f1f5f3}.login-layout{width:100%;padding:0;min-height:100vh}.login-card{display:block;min-height:100vh;border-radius:0;box-shadow:none}.institution-panel{display:none}.access-panel{min-height:calc(100vh - 45px);padding:28px 20px}.access-inner{max-width:500px}.mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e4eae7}.mobile-brand img{width:52px;height:52px;object-fit:contain}.mobile-brand div{display:flex;flex-direction:column}.mobile-brand strong{font-size:13px;color:var(--green-dark)}.mobile-brand span{font-size:12px;color:#66756d}.access-emblem{display:none}.login-footer{height:45px;padding:14px;background:var(--green-dark);font-size:9px}.access-heading h2{font-size:30px}}