:root{--navy:#132e42;--teal:#0b756d;--ink:#193345;--muted:#627381;--line:#d9e2e7}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5f7f9}.signin{min-height:100vh;display:grid;grid-template-columns:46% 54%}.intro{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:48px 64px;display:flex;flex-direction:column;min-height:100vh}.intro:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff0b;border-radius:50%;right:-390px;top:100px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;font-size:25px;font-weight:650;letter-spacing:1px}.brandmark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #7bafa7;border-radius:12px;color:#91d4c7;font-size:26px}.brand-sub{display:block;font-size:9px;letter-spacing:2px;color:#b4c8d4;margin-top:4px}.intro-copy{margin:auto 0;padding:70px 0;max-width:450px;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8ed1c4}.intro h1{font-size:clamp(32px,3.3vw,49px);font-weight:500;line-height:1.18;letter-spacing:-1.6px;margin:25px 0}.intro p{font-size:16px;line-height:1.85;color:#b9cad5;max-width:370px}.intro-rule{height:1px;background:#ffffff20;margin:34px 0}.capabilities{display:grid;gap:20px;font-size:11px;color:#8ed1c4}.capabilities b{font-size:13px;font-weight:400;color:#d7e3ea;margin-left:15px}.intro footer{font-size:11px;color:#a9bfcd}.access{padding:36px 48px 24px;display:flex;flex-direction:column}.access-top{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#697e8b}.status-dot{width:6px;height:6px;border-radius:100%;background:#189482}.form-card{width:100%;max-width:368px;margin:auto;padding:38px 0}.teal{color:var(--teal)}h2{font-size:34px;font-weight:600;letter-spacing:-1px;margin:13px 0 8px}.sub{font-size:13px;color:var(--muted);margin:0 0 30px}label{display:block;font-size:12px;font-weight:600;margin:0 0 8px}input{width:100%;height:45px;border:1px solid #ccd8df;border-radius:7px;background:#fff;padding:0 13px;font:13px "Segoe UI",sans-serif;color:var(--ink);margin-bottom:21px}input::placeholder{color:#94a3ad}input:focus{outline:3px solid #0b756d20;border-color:var(--teal)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #48a99f;outline-offset:4px}.password-label{display:flex;justify-content:space-between;align-items:baseline}.password-label button,#refresh{background:none;border:0;color:var(--teal);font-size:11px;padding:0}.captcha-row{display:flex;align-items:center;gap:20px;margin:0 0 13px}.captcha-row img{width:144px;height:69px;border-radius:6px;border:1px solid var(--line);background:#fff}.submit{width:100%;height:46px;border:0;border-radius:7px;background:var(--teal);color:#fff;text-align:left;padding:0 16px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #0b756d14}.submit span{float:right}.submit:hover{background:#075e58}.submit:disabled{opacity:.6;cursor:wait}#feedback{font-size:12px;color:#a82f35;line-height:1.5;margin:0 0 12px}.help{font-size:11px;line-height:1.6;color:var(--muted);margin:22px 0 0}.access footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:#7b8d99}@media(max-width:760px){.signin{grid-template-columns:1fr}.intro{min-height:auto;padding:28px}.intro-copy{padding:35px 0 10px}.intro h1{font-size:32px}.intro p{font-size:14px}.capabilities,.intro-rule,.intro footer{display:none}.access{padding:25px 28px;min-height:660px}.access-top{justify-content:flex-start}.form-card{max-width:420px}.access footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}