:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173b50;background:#edf2f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px}.login{width:min(1040px,100%);min-height:630px;display:grid;grid-template-columns:1fr 1fr;background:white;box-shadow:0 24px 80px #132d4718;border-radius:20px;overflow:hidden}.intro{background:linear-gradient(150deg,#0e2e43,#174f69);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between}.brand{font-size:19px;font-weight:750;letter-spacing:1px}.brand span{display:block;font-size:10px;letter-spacing:2px;margin-top:7px;color:#c0d5df}.symbol{font-size:64px;color:#80c3bb}h1{font-size:52px;letter-spacing:-2px;margin:8px 0 15px}.intro p{font-size:21px;line-height:1.6;max-width:330px}.intro small{color:#c4d6df;font-size:12px}.access{display:grid;place-items:center;padding:55px}.access form{width:100%;max-width:350px}.eyebrow{color:#347c7a;font-size:11px;font-weight:750;letter-spacing:1.3px}h2{font-size:25px;letter-spacing:-.6px;margin:12px 0}.access p{color:#536a78;font-size:14px;line-height:1.6}label{display:block;font-size:13px;font-weight:650;margin:22px 0 8px}input{font:inherit;width:100%;height:48px;border:1px solid #bdcbd4;border-radius:7px;padding:10px 12px;min-width:0}input:focus,button:focus-visible{outline:3px solid #76b7cb;outline-offset:3px}.password{display:flex;border:1px solid #bdcbd4;border-radius:7px}.password input{border:0}.password button{border:0;background:none;color:#275b74;font-weight:600;padding:0 14px;cursor:pointer}.enter{width:100%;margin-top:26px;background:#165b77;color:white;font-size:15px;font-weight:650;height:48px;border:0;border-radius:7px;cursor:pointer}.enter:disabled{opacity:.65;cursor:wait}#status{min-height:22px;color:#963b38}.access small{font-size:11px;color:#657a86;line-height:1.6}@media(max-width:700px){body{padding:16px}.login{grid-template-columns:1fr;min-height:0}.intro{padding:25px;gap:18px}.intro h1{font-size:34px;margin:0}.symbol,.intro>small{display:none}.intro p{font-size:15px;margin:6px 0;max-width:none}.access{padding:30px 25px}.brand{font-size:15px}.brand span{font-size:9px}}