:root{color-scheme:light;--ink:#202d29;--muted:#58655f;--green:#183b35;--accent:#21634f;--paper:#fafbf8;--line:#d4dcd5;--focus:#257653;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#c3decd;color:#143c2f}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input{caret-color:var(--accent)}.skip{position:fixed;z-index:5;left:16px;top:16px;transform:translateY(-180%);background:white;color:var(--ink);padding:12px 16px}.skip:focus{transform:none}
.workspace{display:grid;grid-template-columns:minmax(400px,46%) 1fr;min-height:100svh}.intro{background:var(--green);color:#f4f7ef;padding:48px clamp(36px,5vw,80px) 30px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;width:fit-content;font-size:23px;font-weight:650;letter-spacing:.02em}.brand svg{width:32px;height:32px;color:#b6d4ad}.brand-product{font-size:14px;letter-spacing:.08em;font-weight:450;margin-left:9px;padding-left:12px;border-left:1px solid #78978b}.intro-copy{margin:auto 0;padding:80px 0 64px}h1{font-size:clamp(32px,3.05vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.18;margin:0 0 24px;text-wrap:balance}.intro-copy>p{font-size:17px;color:#c5d5cc;line-height:1.7;max-width:34ch;margin:0}.modules{list-style:none;padding:0;margin:54px 0 0;border-top:1px solid #48685a;max-width:440px}.modules li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:17px 0;border-bottom:1px solid #48685a;font-size:14px}.modules li span+span{color:#c5d5cc;font-size:12px;text-align:right}.intro-footer{font-size:12px;color:#c5d5cc;margin:0}
.access{padding:48px clamp(32px,6vw,96px) 30px;display:flex;flex-direction:column}.login{width:100%;max-width:410px;margin:auto;padding:50px 0 32px}h2{font-size:30px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px;line-height:1.25}.lead{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 36px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input{width:100%;min-height:49px;border:1px solid #aab8ad;border-radius:6px;padding:12px 14px;background:#fff;color:var(--ink);font-size:15px}input::placeholder{color:#6a756d}input:hover{border-color:#738b7b}input:focus{outline:2px solid var(--focus);outline-offset:2px}.password-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:24px}.text-button{border:0;padding:0;background:transparent;color:var(--accent);font-size:12px;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:3px;top:3px;width:43px;height:43px;border:0;background:transparent;color:var(--muted);border-radius:4px}.password-field button:hover{background:#edf2ec;color:var(--accent)}.password-field svg{width:21px;height:21px}.submit{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:50px;padding:13px 17px;background:var(--accent);color:white;border:0;border-radius:6px;font-size:14px;font-weight:600;margin-top:28px;transition:background .16s ease-out}.submit span{font-size:22px;line-height:1}.submit:hover{background:#174d3b}.submit:disabled{background:#74867c;cursor:wait}.message{color:#8c3927;line-height:1.55;font-size:13px;margin:16px 0 0;min-height:21px}.message:empty{margin-top:0;min-height:0}.access-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:32px;padding-top:23px;color:var(--muted)}.access-note svg{flex:none;width:18px;height:20px;margin-top:2px}.access-note p{font-size:12px;line-height:1.65;margin:0;max-width:44ch}footer{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-top:32px}
@media(min-width:1600px){.intro{padding-left:max(70px,calc((100vw - 1400px)/2))}.access{padding-right:max(70px,calc((100vw - 1400px)/2))}}@media(max-width:900px){.workspace{grid-template-columns:minmax(300px,42%) 1fr}.intro{padding:32px 28px}.access{padding:32px 32px 24px}.modules li{flex-direction:column;gap:6px}.modules li span+span{text-align:left}h1{font-size:34px}}@media(max-width:640px){.workspace{display:flex;flex-direction:column}.intro{padding:24px}.brand{font-size:20px}.brand svg{width:27px;height:27px}.intro-copy{margin:28px 0 0;padding:0}.intro-copy h1{font-size:27px;line-height:1.2;margin:0}.intro-copy>p,.modules,.intro-footer{display:none}.access{padding:32px 24px 22px;flex:1}.login{max-width:410px;margin:0 auto;padding:0}h2{font-size:25px}.lead{margin-bottom:28px}.access-note{margin-top:28px}footer{max-width:410px;width:100%;align-self:center;margin-top:auto;padding-top:36px}.submit{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}