:root{color-scheme:light;--lime:#d7d925;--lime-dark:#a1a21b;--lime-light:#e3e466;--lime-lighter:#eff0a8;--lime-lightest:#f5f5c8;--pear:#a6c236;--pear-dark:#6a7c22;--pear-light:#c1d472;--pear-lighter:#d2e09a;--pear-lightest:#e9f0cd;--apple:#71ab41;--teal:#219c93;--teal-dark:#18746e;--teal-light:#63bab3;--teal-lighter:#a6d7d4;--teal-lightest:#c7e6e4;--sky:#106e95;--sky-dark:#0b526f;--sky-light:#408baa;--sky-lighter:#9fc5d5;--sky-lightest:#c3dbe4;--sea:#304f84;--black:#000000;--dark-grey:#4e4e4d;--grey:#7b7b7a;--light-grey:#979797;--lighter-grey:#cecece;--lightest-grey:#ececec;--white:#ffffff;--error-red:#b3231e;--spectrum-gradient:linear-gradient(90deg,#d7d925 0%,#a6c236 20%,#71ab41 40%,#219c93 60%,#106e95 80%,#304f84 100%);--ink:var(--black);--muted:var(--dark-grey);--line:var(--lighter-grey);--lime-soft:var(--pear-lighter);--blue:var(--sea);--blue-dark:var(--sky-dark);--danger:var(--error-red);--panel:var(--white);--input-border:var(--light-grey);--focus-ring:rgb(166 194 54 / 0.34);--shadow:rgb(48 79 132 / 0.13);--button-text:var(--white)}*{box-sizing:border-box}body{display:grid;grid-template-rows:auto 1fr;min-height:100vh;margin:0;background:var(--white);color:var(--ink);font-family:"Open Sans","Helvetica Neue",Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px min(5vw,72px) 20px;border-bottom:6px solid var(--pear)}.logo{display:block;width:244px;max-width:55vw;height:auto}.login-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--blue);color:var(--button-text);padding:10px 22px;font-size:17px;font-weight:750;text-decoration:none;white-space:nowrap}.login-pill:hover{background:var(--blue-dark)}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:clamp(32px,7vw,92px);width:min(1180px,calc(100vw - 36px));margin:0 auto;padding:56px 0}.intro h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:0}.intro p{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:20px;line-height:1.5}.tabs{display:flex;flex-wrap:wrap;gap:0;margin-top:36px;border-top:10px solid var(--pear);background:var(--pear-lighter);padding:18px 20px;font-size:18px;font-weight:400}.tabs span{color:var(--black);padding:0 18px}.tabs span + span{border-left:2px solid var(--black)}.tabs span:first-child{font-weight:800}.card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:30px;box-shadow:0 12px 35px var(--shadow)}h2{margin:0 0 20px;font-size:27px;letter-spacing:0}label{display:block;margin-bottom:7px;font-weight:750}input[type="text"],input[type="password"]{width:100%;min-height:46px;margin-bottom:18px;border:1px solid var(--input-border);border-radius:6px;padding:10px 12px;font:inherit}input:focus{border-color:var(--pear);outline:3px solid var(--focus-ring)}.remember{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--muted);font-size:14px}.remember input{width:17px;height:17px}button,.button-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:0;border-radius:999px;background:var(--blue);color:var(--button-text);font:inherit;font-size:18px;font-weight:800;cursor:pointer;text-decoration:none}button:hover,.button-link:hover{background:var(--blue-dark)}.signed-in-actions{display:grid;gap:18px;margin-top:24px}.logout-link{justify-self:start;border-radius:999px;color:var(--blue);font-size:15px;font-weight:750;text-decoration:none}.logout-link:hover{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}.error{margin-bottom:18px;color:var(--danger);font-weight:700}.hint{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.45}@media (max-width:820px){header,main{align-items:flex-start}header,main,.tabs{flex-direction:column}.tabs span{padding:9px 0}.tabs span + span{border-top:1px solid var(--pear-dark);border-left:0}main{grid-template-columns:1fr;padding:32px 0}.login-pill{display:none}}