:root{--green:#0c5b42;--green2:#073f30;--cream:#f4f0e8;--ink:#17211c;--muted:#66716b;--line:#d8ded9}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:#edf2ef}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(420px,.95fr)}.brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:52px 64px;color:#fff;background:linear-gradient(145deg,var(--green2),var(--green));overflow:hidden}.brand-panel:after{content:"";position:absolute;width:440px;height:440px;right:-170px;bottom:-170px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.025)}.brand-panel img{position:relative;z-index:1;width:210px;max-height:76px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.brand-panel div{position:relative;z-index:1;max-width:560px}.brand-panel p,.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px}.brand-panel h1{margin:18px 0;font-size:42px;line-height:1.12}.brand-panel span{color:#d7e6de;font-size:15px}.login-panel{display:grid;place-items:center;padding:38px;background:#fff}form{width:min(430px,100%);padding:42px;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 60px rgba(16,48,34,.1)}.mobile-brand{display:none}.eyebrow{margin:0 0 12px;color:var(--green)}h2{margin:0 0 10px;font-size:30px}form>p:not(.eyebrow){margin:0 0 28px;color:var(--muted);line-height:1.5}label{display:grid;gap:8px;margin:0 0 18px;font-size:14px;font-weight:700}input{height:48px;padding:0 14px;border:1px solid #bfc9c2;border-radius:8px;font-size:16px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(12,91,66,.12)}input[readonly]{background:#f3f6f4;color:#4f5a54}button{width:100%;height:50px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:16px;font-weight:800;cursor:pointer}button:hover{background:#084d38}button:disabled{opacity:.6}#message{min-height:22px;margin:14px 0 4px;color:#a52727;font-size:14px}form small{display:block;margin-top:18px;color:var(--muted);line-height:1.45}@media(max-width:820px){.login-shell{display:block}.brand-panel{display:none}.login-panel{min-height:100vh;padding:20px}form{padding:30px 24px}.mobile-brand{display:block;margin-bottom:28px}.mobile-brand img{width:170px;max-height:60px;object-fit:contain;object-position:left center}}