@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--green:#49e598;--green-bright:#63f0aa;--ink:#07110e;--muted:#899891;--line:#dfe5e2}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#111a16;background:#f7f9f8;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}a{color:inherit}.loginPage{grid-template-columns:minmax(440px,1.05fr) minmax(500px,.95fr);min-height:100vh;display:grid}.showcase{isolation:isolate;color:#fff;background:radial-gradient(circle at 16% 76%,#28b87d38,#0000 30%),radial-gradient(circle at 86% 18%,#22a1701f,#0000 26%),linear-gradient(145deg,#0a1813 0%,#06100c 55%,#091611 100%);flex-direction:column;padding:clamp(34px,4.2vw,68px);display:flex;position:relative;overflow:hidden}.showcase:before{content:"";z-index:-1;opacity:.16;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 72%);mask-image:linear-gradient(to bottom right,#000,#0000 72%)}.showcaseGlow{z-index:-1;filter:blur(24px);background:#49e5981f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-190px;left:-210px}.brand{align-items:center;gap:11px;width:max-content;display:inline-flex}.brandMark{width:37px;height:37px;color:var(--green);background:#49e59814;border:1px solid #63f0aa59;border-radius:11px;place-items:center;display:grid}.brandMark svg{width:26px;height:26px}.brandName{color:#fff;letter-spacing:.12em;font:800 21px/1 Manrope,sans-serif}.brandName span{color:var(--green);margin-left:3px}.showcaseContent{max-width:670px;margin:auto 0;padding:60px 0}.eyebrow{color:var(--green);letter-spacing:.2em;align-items:center;gap:9px;margin:0 0 22px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:currentColor;width:22px;height:1px}.showcase h1{letter-spacing:-.045em;margin:0;font:700 clamp(42px,4.8vw,72px)/1.08 Manrope,sans-serif}.showcase h1 em{color:var(--green);font-style:normal}.showcaseText{color:#9fb0a8;max-width:570px;margin:27px 0 40px;font-size:clamp(16px,1.3vw,19px);line-height:1.7}.benefits{flex-wrap:wrap;gap:34px;display:flex}.benefit{align-items:center;gap:13px;min-width:180px;display:flex}.benefitIcon{width:42px;height:42px;color:var(--green);background:#49e59812;border:1px solid #49e59833;border-radius:12px;place-items:center;display:grid}.benefitIcon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:21px}.benefit strong,.benefit small{display:block}.benefit strong{margin-bottom:4px;font-size:14px}.benefit small{color:#7e9188;font-size:12px}.showcaseFooter{color:#54675e;margin:0;font-size:12px}.loginArea{background:#f8faf9;place-items:center;padding:56px clamp(32px,6vw,100px);display:grid}.loginCard{width:min(100%,430px)}.mobileBrand{display:none}.welcomeIcon{color:#146f4c;background:#e6f8ef;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:30px;display:grid}.welcomeIcon svg{width:30px}.formEyebrow{color:#19845c;margin-bottom:13px}.loginCard h2{color:#0b1711;letter-spacing:-.035em;margin:0;font:700 clamp(30px,3vw,39px)/1.2 Manrope,sans-serif}.formIntro{color:#718079;margin:13px 0 34px;font-size:15px;line-height:1.6}.loginForm{flex-direction:column;gap:21px;display:flex}.fieldGroup label,.labelRow{color:#233129;font-size:13px;font-weight:700}.labelRow{justify-content:space-between;align-items:center;display:flex}.labelRow a{color:#16805a;font-size:12px;text-decoration:none}.labelRow a:hover{text-decoration:underline}.inputShell{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;min-height:54px;margin-top:9px;transition:border-color .2s,box-shadow .2s;display:flex}.inputShell:focus-within{border-color:#35bd7d;box-shadow:0 0 0 4px #35bd7d1f}.inputShell.hasError{border-color:#d95353}.inputShell>svg{fill:none;stroke:#94a29b;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;margin-left:17px}.inputShell input{color:#17221d;background:0 0;border:0;outline:0;flex:1;min-width:0;height:52px;padding:0 14px;font-size:14px}.inputShell input::placeholder{color:#a1aca6}.passwordToggle{color:#839189;cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid}.passwordToggle:hover{color:#16805a}.passwordToggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px}.fieldError{color:#bd3737;margin:6px 2px 0;font-size:12px}.remember{color:#5f6d66;cursor:pointer;align-items:center;gap:9px;width:max-content;font-size:13px;display:flex}.remember input{opacity:0;pointer-events:none;position:absolute}.remember>span{background:#fff;border:1px solid #ccd5d0;border-radius:5px;place-items:center;width:18px;height:18px;transition:all .2s;display:grid}.remember>span svg{fill:none;stroke:#fff;stroke-width:2px;opacity:0;width:13px}.remember input:checked+span{background:#16805a;border-color:#16805a}.remember input:checked+span svg{opacity:1}.remember input:focus-visible+span{outline:3px solid #35bd7d33}.submitButton{color:#042416;cursor:pointer;background:linear-gradient(105deg,#39d78b,#68eead);border:0;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:55px;margin-top:2px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 28px #20b4712e}.submitButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 32px #20b47140}.submitButton:active:not(:disabled){transform:translateY(0)}.submitButton:disabled{opacity:.7;cursor:wait}.submitButton svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px}.secureNote{color:#8a9791;justify-content:center;align-items:center;gap:7px;margin:-2px 0 0;font-size:11px;display:flex}.secureNote svg{fill:none;stroke:#65a98a;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px}.supportText{color:#8b9791;text-align:center;margin:45px 0 0;font-size:12px}.supportText a{color:#287d5d;font-weight:700;text-decoration:none}.supportText a:hover{text-decoration:underline}@media (max-width:900px){.loginPage{grid-template-columns:1fr}.showcase{display:none}.loginArea{align-content:center;min-height:100vh;padding:34px 24px}.mobileBrand{display:block;position:absolute;top:28px;left:28px}.mobileBrand .brandName{color:#0b1711}.loginCard{padding-top:70px}}@media (max-width:480px){.loginArea{padding:28px 20px}.mobileBrand{top:22px;left:20px}.welcomeIcon{margin-bottom:22px}.formIntro{margin-bottom:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}