:root{--navy:#052d45;--blue:#075c78;--green:#77b82a;--ink:#142b36;--muted:#64757d;--line:#dce4e7;--paper:#f3f6f7;--red:#c83f44;--font:"DM Sans",Arial,sans-serif;--serif:"Source Serif 4",Georgia,serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:#fff}button,input{font:inherit}button{cursor:pointer}.login-layout{display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;background:#fff}.login-hero{position:relative;display:grid;place-items:center;overflow:hidden;padding:clamp(42px,7vw,96px);background:#fff}.login-hero:before{content:"";position:absolute;left:8%;top:50%;width:7px;height:210px;border-radius:99px;background:linear-gradient(180deg,#d30b22 0 42%,#f4bd00 42% 68%,#1d1d1b 68%);transform:translateY(-50%);box-shadow:18px 0 45px #11273114}.login-hero:after{content:"";position:absolute;right:0;top:14%;bottom:14%;width:1px;background:linear-gradient(180deg,transparent,#e0e5e7 22%,#e0e5e7 78%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.government-logo{display:block;width:min(540px,82%);height:auto;background:#fff;filter:drop-shadow(0 16px 24px rgba(22,38,45,.06))}.hero-copy{position:relative;display:grid;place-items:center;width:100%;max-width:700px;margin:0}.eyebrow{margin:0 0 12px;color:#b7dd74;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow.dark{color:#5b881d}.hero-copy h1{margin:0;font-family:var(--serif)}.login-panel{position:relative;display:grid;place-items:center;padding:clamp(26px,6vw,88px);background:#fff}.login-card{position:relative;width:min(470px,100%);padding:clamp(28px,4vw,46px);border:1px solid #edf0f1;border-radius:18px;background:#fff;box-shadow:0 2px 4px #091f2a0a,0 14px 32px #091f2a17,0 44px 90px #091f2a1a;transform:translateY(-4px)}.login-card:before{content:"";position:absolute;top:-5px;left:42px;right:42px;height:5px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#d30b22 0 34%,#f4bd00 34% 67%,#1d1d1b 67%)}.mobile-brand{display:none;margin-bottom:30px;color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.login-card h2{margin:0;font-family:var(--serif);font-size:35px;font-weight:600;letter-spacing:-.025em}.form-intro{margin:8px 0 25px;color:var(--muted);font-size:14px;line-height:1.6}.login-tabs{display:flex;margin-bottom:24px;border-bottom:1px solid var(--line)}.login-tab{flex:1;border:0;border-bottom:3px solid transparent;padding:11px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.login-tab.active{border-color:var(--green);color:var(--navy)}.login-field{display:grid;gap:7px;margin:16px 0;font-size:13px;font-weight:700}.login-field[hidden]{display:none}.login-field input{width:100%;border:1px solid #cbd6da;border-radius:6px;padding:13px 14px;background:#fff;color:var(--ink);outline:none}.login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #075c781a}.login-submit{width:100%;margin-top:8px;border:1px solid var(--navy);border-radius:10px;padding:14px 18px;background:var(--navy);color:#fff;font-weight:700;box-shadow:0 5px #031f30,0 12px 24px #052d4538;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.login-submit:hover{background:#07405f;transform:translateY(-2px);box-shadow:0 7px #031f30,0 16px 30px #052d4540}.login-submit:active{transform:translateY(4px);box-shadow:0 1px #031f30,0 6px 12px #052d452e}.login-submit:disabled{cursor:wait;opacity:.65}.login-message{min-height:22px;margin:10px 0 2px;color:var(--muted);font-size:13px}.login-message.error{color:var(--red)}.login-message.success{color:#4c7b16}.secure-note{margin:22px 0 0;text-align:center;color:#829096;font-size:11px;line-height:1.5}@media(max-width:860px){.login-layout{grid-template-columns:1fr}.login-hero{min-height:330px;padding:30px 28px 74px}.login-hero:before{left:24px;height:130px;width:5px}.login-hero:after{display:none}.government-logo{width:min(350px,82%)}.login-panel{padding:0 18px 46px}.login-card{margin-top:-42px}.mobile-brand{display:block}}@media(max-width:480px){.login-hero{min-height:280px}.government-logo{width:min(290px,84%)}.login-card{padding:28px 20px;border-radius:14px}.login-card h2{font-size:30px}}