.login-page{--login-green:#12664f;--login-dark:#252d29;--login-muted:#69736d;min-height:100dvh;color:var(--login-dark);background:#eef0eb;flex-direction:column;display:flex}.justask-login{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);min-height:100dvh;padding:34px clamp(28px,3.4vw,58px);display:grid}.login-visual{isolation:isolate;border-radius:clamp(30px,4vw,62px);min-width:0;min-height:690px;max-height:1060px;position:relative;overflow:hidden}.login-coast{object-fit:cover;object-position:center 51%;width:100%;height:100%;position:absolute;inset:0}.login-visual:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#092b2b80);position:absolute;inset:54% 0 0}.login-visual-caption{z-index:1;color:#fff;position:absolute;bottom:44px;left:clamp(32px,4vw,62px)}.visual-caption-line{background:#ffffffa3;width:38px;height:2px;margin-bottom:17px;display:block}.login-visual-caption p{letter-spacing:-1px;text-shadow:0 1px 10px #16373522;font-size:clamp(24px,2.6vw,39px);font-weight:300;line-height:1.23}.login-visual-caption strong{font-weight:500}.login-panel{flex-direction:column;min-width:0;max-width:590px;padding:5px 0 0;display:flex;position:relative}.justask-brand{width:206px;margin-left:auto;line-height:0;display:block}.justask-brand img{width:100%;height:auto}.login-form-content{width:min(100%,390px);margin:auto;padding:54px 0 48px}.login-workspace{letter-spacing:.15px;color:var(--login-green);align-items:center;gap:7px;margin-bottom:22px;font-size:11px;display:inline-flex}.login-workspace>span{background:var(--login-green);border-radius:50%;width:6px;height:6px}.justask-login h1{color:#202823;letter-spacing:-1.6px;font-family:DM Sans,Arial,sans-serif;font-size:clamp(32px,3.2vw,44px);font-weight:500;line-height:1.15}.login-welcome-copy{color:var(--login-muted);letter-spacing:-.1px;margin-top:16px;font-size:15px;line-height:1.7}.login-role-choice{border:0;min-width:0;margin:37px 0 0;padding:0}.login-role-choice legend{color:#434e47;margin-bottom:12px;padding:0;font-size:12px;font-weight:500}.login-role-options{grid-template-columns:1fr 1fr;gap:11px;display:grid}.login-role-options>button{color:#6c746d;text-align:left;background:#f8f9f6;border:1px solid #d3d9d2;border-radius:15px;align-items:center;gap:10px;min-height:56px;padding:0 16px;font-size:14px;transition:background .16s,border-color .16s;display:flex}.login-role-options>button.selected{color:var(--login-green);background:#e0eae1;border-color:#94b5a2}.login-role-options>button:hover{background:#e8eee6;border-color:#699d87}.login-role-options .role-check{margin-left:auto}.login-role-description{color:#798179;max-width:355px;min-height:41px;margin-top:14px;font-size:12px;line-height:1.7}.login-google-button{background:var(--login-green);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:55px;margin-top:19px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .16s,box-shadow .16s;display:flex}.login-google-button:hover{background:#0b5340;box-shadow:0 4px 16px #12664f18}.login-google-button>svg:last-child{margin-left:auto}.login-google-button>.google-symbol{background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:auto;display:grid}.login-google-button>span:first-child:not(.google-symbol){margin-left:auto}.google-symbol svg{width:17px;height:17px}.login-security-note{color:#858c85;border-top:1px solid #dce0d9;align-items:flex-start;gap:9px;margin-top:26px;padding-top:22px;display:flex}.login-security-note>svg{color:#7c8c80;margin-top:2px}.login-security-note p{max-width:310px;font-size:11px;line-height:1.8}.login-demo{color:var(--login-green);align-items:center;gap:7px;margin-top:25px;font-size:12px;display:inline-flex}.login-demo:hover{text-decoration:underline}.justask-login-footer{letter-spacing:.15px;color:#8a9289;justify-content:space-between;align-items:center;padding-top:10px;font-size:10px;display:flex}.justask-login-footer>a:hover{color:var(--login-green)}.login-account{color:#657362;background:#e6ede2;border:1px solid #d4dfd3;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;padding:12px 14px;font-size:11px;display:flex}.login-account p{line-height:1.7}.login-account strong{color:#415540;font-weight:600}.login-account button{color:var(--login-green);align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.login-error{color:#85503b;background:#f8ece5;border:1px solid #dfb7a7;border-radius:12px;align-items:flex-start;gap:10px;margin-top:22px;padding:14px;font-size:12px;line-height:1.8;display:flex}.login-error>svg{margin-top:3px}.justask-login :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #12664f}.justask-login :is(button,a){-webkit-tap-highlight-color:transparent}.login-header{background:#f7f8f4;border-bottom:1px solid #dce0d9;justify-content:space-between;align-items:center;gap:20px;height:108px;padding:16px clamp(22px,6vw,92px);display:flex}.login-header>a{line-height:0}.login-header img{width:194px;height:auto}.login-header>span{color:#69736d;align-items:center;gap:8px;font-size:12px;display:flex}.login-eyebrow{letter-spacing:2px;color:#12664f;font-size:11px;font-weight:600}.access-notice{text-align:center;background:#f9faf6;border:1px solid #d8dfd5;border-radius:24px;width:min(500px,100% - 40px);margin:auto;padding:38px 34px 32px}.access-notice>a:first-child{line-height:0;display:block}.access-notice img{width:220px;height:auto;margin:auto}.notice-lock{color:#12664f;background:#e2ecdf;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:34px auto 22px;display:flex}.access-notice h1{letter-spacing:-.5px;color:#26332a;font-family:DM Sans,Arial,sans-serif;font-size:24px;font-weight:500;line-height:1.4}.access-notice p{color:#69736d;margin-top:14px;font-size:14px;line-height:1.8}.notice-primary{color:#fff;background:#12664f;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:25px;padding:14px 18px;font-size:13px;display:flex}.notice-primary:hover{background:#0b5340}.notice-switch,.notice-home{color:#12664f;margin-top:20px;font-size:12px;display:block}.notice-switch{margin-left:auto;margin-right:auto}.notice-home{color:#69736d;margin-top:15px}.google-setup-note{color:#806128;background:#faf5e6;border:1px solid #e3d8b9;border-radius:12px;align-items:flex-start;gap:10px;margin-top:24px;padding:15px 18px;font-size:12px;line-height:1.8;display:flex}.google-setup-note>svg{flex-shrink:0;margin-top:3px}.google-setup-note>a{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-weight:600;display:flex}.justask-login .google-setup-note{flex-wrap:wrap;padding:13px 14px}.justask-login .google-setup-note p{flex:1}.justask-login .google-setup-note>a{margin-left:27px}.google-setup{width:min(760px,100% - 40px);margin:45px auto 60px}.google-setup h1{color:#26332a;margin:14px 0;font-size:30px;line-height:1.4}.google-setup>p{color:#69736d;font-size:14px;line-height:1.8}.google-setup>p>svg{vertical-align:middle;color:#12664f;margin-right:8px}.setup-steps{counter-reset:setup;gap:16px;margin-top:28px;padding:0;list-style:none;display:grid}.setup-steps>li{counter-increment:setup;background:#f9faf6;border:1px solid #d8dfd5;border-radius:15px;padding:24px 25px 24px 60px;position:relative}.setup-steps>li:before{content:counter(setup);color:#12664f;background:#e2ecdf;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:600;display:grid;position:absolute;top:22px;left:20px}.setup-steps strong{font-size:16px;font-weight:600}.setup-steps p{color:#69736d;margin-top:10px;font-size:13px;line-height:1.85}.setup-steps a{color:#12664f;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:inline-flex}.setup-steps label{color:#69736d;margin-top:18px;font-size:11px;display:block}.setup-steps input{box-sizing:border-box;color:#355441;background:#f3f6ef;border:1px solid #d8dfd5;border-radius:6px;width:100%;margin-top:7px;padding:12px 10px;font-family:monospace;font-size:11px;display:block}.setup-steps small{color:#7c887a;margin-top:9px;font-size:11px;line-height:1.8;display:block}.setup-panel-note{color:#806128;background:#faf5e6;border:1px solid #e3d8b9;border-radius:7px;align-items:center;gap:12px;margin:0 0 22px;padding:14px 18px;font-size:12px;line-height:1.8;display:flex}.setup-panel-note a{white-space:nowrap;margin-left:auto;font-weight:600}@media (min-width:1600px){.justask-login{gap:110px;padding:46px max(4vw,50vw - 800px)}.login-panel{max-width:650px}.login-form-content{width:420px}.login-visual{min-height:810px}.justask-brand{width:226px}.justask-login h1{font-size:45px}}@media (max-width:1000px){.justask-login{gap:36px;padding:26px}.login-visual{border-radius:36px;min-height:660px}.login-panel{padding:7px 0 0}.justask-brand{width:175px}.login-form-content{padding-top:42px;padding-bottom:35px}.justask-login h1{font-size:34px}.login-welcome-copy{font-size:13px}.login-role-options{gap:8px}.login-role-options>button{gap:8px;padding:0 12px;font-size:13px}.login-visual-caption{bottom:34px;left:30px}.login-role-choice{margin-top:30px}}@media (max-width:720px){.justask-login{gap:0;min-height:100dvh;padding:25px 25px 20px;display:flex}.login-visual{display:none}.login-panel{flex:1;max-width:none;min-height:calc(100dvh - 45px);padding:0}.justask-brand{width:185px;margin-left:0}.login-form-content{width:min(100%,390px);margin:auto;padding:56px 0 45px}.login-workspace{margin-bottom:19px;font-size:11px}.justask-login h1{letter-spacing:-1.4px;font-size:38px}.login-welcome-copy{margin-top:15px;font-size:14px;line-height:1.8}.login-role-choice{margin-top:34px}.login-role-options>button{min-height:57px;padding:0 16px;font-size:14px}.login-role-description{min-height:41px;margin-top:14px;font-size:12px}.login-google-button{min-height:55px;margin-top:17px}.login-security-note{margin-top:25px;padding-top:21px}.login-demo{margin-top:24px}.justask-login-footer{padding-top:10px;font-size:10px}.login-header{height:87px;padding:12px 21px}.login-header img{width:152px}.login-header>span{max-width:140px;font-size:10px}.login-header>span svg{width:14px}.access-notice{padding:32px 24px}.access-notice h1{font-size:22px}.access-notice p{font-size:13px}.google-setup-note{flex-wrap:wrap}.google-setup-note p{flex:1}.google-setup-note>a{margin-left:27px}.google-setup h1{font-size:25px}.setup-steps>li{padding:22px 17px 22px 51px}.setup-steps>li:before{left:14px}.setup-steps strong{font-size:14px}.setup-panel-note{flex-wrap:wrap;align-items:flex-start}.setup-panel-note a{margin-left:0}}@media (max-width:370px){.justask-login{padding:22px 20px 18px}.login-panel{min-height:calc(100dvh - 40px)}.login-form-content{padding-top:42px;padding-bottom:32px}.justask-brand{width:166px}.justask-login h1{font-size:34px}.login-welcome-copy{font-size:13px}.login-role-options>button{gap:8px;padding:0 11px;font-size:13px}}@media (prefers-reduced-motion:reduce){.justask-login *{transition:none!important}}.password-form{width:100%;margin:24px 0}.password-form h2{margin-bottom:18px;font-size:20px}.password-form label{margin:14px 0;font-size:13px;display:block}.password-form input{color:#263b49;background:#fff;border:1px solid #d3dcda;border-radius:22px;width:100%;margin-top:7px;padding:12px 15px;display:block}.password-form small{color:#687d88;font-size:11px}.password-form p{margin:14px 0;font-size:13px;line-height:1.65}.password-form .login-google-button{justify-content:center;width:100%;margin-top:18px}.password-links{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.password-links button{color:#136d57;min-height:40px;font-size:12px;text-decoration:underline}.password-form button:disabled{opacity:.5}