:root{--ink:#15221c;--muted:#66736c;--line:#dbe3de;--green:#176b45;--green-strong:#0c5031;--green-pale:#e7f2ea;--surface:#fff;--bg:#f4f7f5;--coral:#c95647}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;background:linear-gradient(130deg,#f4f7f5 0%,#fff 54%,#edf4f0 100%)}.login-shell{width:min(1080px,calc(100% - 40px));min-height:630px;margin:32px auto;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 80px rgba(24,50,36,.12)}.login-intro{padding:58px 64px;background:#123c2a;color:#f7fcf8}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font:700 20px Arial,sans-serif}.company{margin:20px 0 84px;font:700 13px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#b7d2c1}.login-intro h1{max-width:500px;margin:0;font-size:clamp(44px,5vw,70px);font-weight:500;line-height:.98;letter-spacing:-.04em}.login-intro p:not(.company){max-width:470px;margin:28px 0;color:#d3e2d8;font:17px/1.6 Arial,sans-serif}.login-intro ul{padding:0;margin:38px 0 0;list-style:none;font:14px/2.3 Arial,sans-serif;color:#edf7f0}.login-intro li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:12px;border-radius:50%;background:#89c79e}.login-panel{align-self:center;padding:62px}.login-label{margin:0;color:var(--green);font:700 12px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.login-panel h2{margin:14px 0 6px;font-size:38px;letter-spacing:-.035em;font-weight:500}.login-panel>p:not(.login-label):not(.login-error):not(.help){margin:0 0 30px;color:var(--muted);font:15px/1.55 Arial,sans-serif}.login-panel label{display:block;margin:18px 0 8px;font:700 13px Arial,sans-serif}.login-panel input{width:100%;height:48px;border:1px solid #c8d2cc;background:#fff;padding:0 13px;color:var(--ink);font:16px Arial,sans-serif}.login-panel input:focus{outline:3px solid #d5ebdb;border-color:var(--green)}.login-panel button{width:100%;height:50px;margin-top:26px;border:0;background:var(--green);color:#fff;font:700 14px Arial,sans-serif;cursor:pointer}.login-panel button:hover{background:var(--green-strong)}.login-error{margin:16px 0 0;color:var(--coral);font:700 13px/1.4 Arial,sans-serif}.help{margin-top:32px;color:var(--muted);font:12px/1.5 Arial,sans-serif}@media(max-width:760px){.login-shell{width:calc(100% - 28px);margin:14px auto;grid-template-columns:1fr}.login-intro,.login-panel{padding:34px 28px}.company{margin:18px 0 38px}.login-intro h1{font-size:45px}.login-intro ul{display:none}}