/* A clear entrance to the same illustrated, white learning space. */
body .shell .main:has(.auth-flow){max-width:1110px;padding-top:54px;padding-bottom:42px;background:#fff}
body .shell .main .auth-flow{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:76px;min-width:0;max-width:100%;min-height:560px;margin:0 auto;color:#263b31}
body .shell .main .auth-flow-intro{position:relative;min-width:0;padding:0 0 25px}
body .shell .main .auth-flow-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:28px;padding:5px 0;color:#758477;font-size:11px;line-height:1.7;text-decoration:none}
body .shell .main .auth-flow-back:hover{color:#365b4a}
body .shell .main .auth-flow-back>.icon{width:12px;height:12px;transform:rotate(180deg)}
body .shell .main .auth-flow-art{display:flex;align-items:center;justify-content:center;max-width:310px;min-height:190px;margin:0 0 24px;background:transparent}
body .shell .main .auth-flow-art img{display:block;width:285px;max-width:100%;height:205px;object-fit:contain;background:transparent;filter:none}
body .shell .main .auth-flow-brand{display:block;margin-bottom:13px;color:#7e8b7f;font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.09em}
body .shell .main .auth-flow-intro h1{margin:0;color:#263b31;font-size:32px;font-weight:600;line-height:1.6;letter-spacing:.015em;overflow-wrap:anywhere}
body .shell .main .auth-flow-intro>p{margin:12px 0 0;color:#758578;font-size:13px;line-height:1.9}
body .shell .main .auth-flow-intro-note{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#819578;font-size:11px;line-height:1.7}
body .shell .main .auth-flow-intro-note>span{display:flex;align-items:center;gap:6px}
body .shell .main .auth-flow-intro-note .icon{width:14px;height:14px;stroke-width:1.6}
body .shell .main .auth-flow-surface{min-width:0;padding:33px 34px;border:1px solid #e3eae0;border-radius:14px;background:#fff;box-shadow:0 6px 30px #244c4804}
body .shell .main .auth-flow-form{display:flex;flex-direction:column;gap:20px;min-width:0;max-width:100%;margin:0}
body .shell .main .auth-flow-field{display:block;min-width:0;margin:0;color:#627f65;font-size:12px;line-height:1.8;font-weight:400}
body .shell .main .auth-flow-field>span{display:block;margin-bottom:8px;font-size:12px;line-height:1.7}
body .shell .main .auth-flow-field :is(input,select,.hb-select-trigger){display:block;width:100%;min-width:0;max-width:100%;min-height:44px;height:44px;margin:0;padding:10px 13px;border:1px solid #e1e8dc;border-radius:8px;background:#fff;color:#435f48;font:inherit;font-size:13px;line-height:1.7;box-shadow:none;outline:none;transform:none;transition:none}
body .shell .main .auth-flow-field input::placeholder{color:#a4b49b;opacity:1}
body .shell .main .auth-flow-field input:disabled{background:#fafcf6;color:#adba9f;opacity:1}
body .shell .main .auth-flow-field>small{display:block;margin-top:8px;color:#7e8f72;font-size:10px;line-height:1.8;font-weight:400}
body .shell .main .auth-flow :is(input,select,.hb-select-trigger):is(:focus,:focus-visible),body .shell .main .auth-flow :is(.auth-password-field,.auth-flow-field,.hb-select):focus-within{border-color:#e1e8dc;background:#fff;outline:none;box-shadow:none;transform:none;transition:none}
body .shell .main .auth-password-field{display:flex;align-items:center;gap:7px;min-width:0;height:44px;padding-right:6px;border:1px solid #e1e8dc;border-radius:8px;background:#fff;box-shadow:none}
body .shell .main .auth-password-field input,body .shell .main .auth-password-field input:is(:focus,:focus-visible){flex:1;min-width:0;width:auto;height:42px;min-height:42px;border:0;background:transparent;border-radius:0;outline:none;box-shadow:none;transition:none}
body .shell .main .auth-password-toggle{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;min-height:32px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#9cb18d;cursor:pointer;box-shadow:none}
body .shell .main .auth-password-toggle:hover{background:#f6faf1;color:#6d8e5d}
body .shell .main .auth-password-toggle .icon{width:17px;height:17px;stroke-width:1.6}
body .shell .main .auth-flow-error{padding:10px 13px;border:1px solid #eee0d3;border-radius:7px;background:#fcf8f2;color:#aa7c5d;font-size:11px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap}
body .shell .main .auth-flow-error:empty{display:none}
body .shell .main .auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;min-width:0;min-height:44px;margin:2px 0 0;padding:11px 17px;border:1px solid #244c48;border-radius:8px;background:#244c48;color:#fff;font:inherit;font-size:13px;font-weight:500;line-height:1.6;cursor:pointer;box-shadow:none;transform:none;transition:background 170ms ease,border-color 170ms ease}
body .shell .main .auth-submit:hover{border-color:#173c38;background:#173c38;box-shadow:none;transform:none}
body .shell .main .auth-submit .icon{width:15px;height:15px;stroke-width:1.7;flex-shrink:0}
body .shell .main .auth-submit:disabled{border-color:#e0e8db;background:#ebf0e4;color:#9cad8e;cursor:wait;opacity:1;box-shadow:none;transition:none}
body .shell .main .auth-submit:disabled .icon{animation:auth-spin 1.1s linear infinite}
body .shell .main .auth-flow-switch{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 0;padding-top:20px;border-top:1px solid #edf1e8;color:#87967b;font-size:11px;line-height:1.8}
body .shell .main .auth-flow-switch button{display:inline-flex;align-items:center;min-height:31px;margin:0;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#647e55;font:inherit;font-size:11px;cursor:pointer;box-shadow:none}
body .shell .main .auth-flow-switch button:hover{background:#f8fbf3;color:#486f3c}
body .shell .main .auth-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;list-style:none;margin:0 0 33px;padding:0}
body .shell .main .auth-steps li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;color:#b2bda7;font-size:10px;line-height:1.7}
body .shell .main .auth-steps li:after{content:"";position:absolute;top:12px;right:-3px;width:12px;height:1px;background:#e5ebdf}
body .shell .main .auth-steps li:last-child:after{display:none}
body .shell .main .auth-steps li>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid #e1e9d7;border-radius:50%;background:#fff;color:#b2bea8;font-size:10px;font-variant-numeric:tabular-nums}
body .shell .main .auth-steps li>span .icon{width:12px;height:12px;stroke-width:1.8}
body .shell .main .auth-steps li>strong{font-size:10px;font-weight:400;line-height:1.7;overflow-wrap:anywhere}
body .shell .main .auth-steps li.active{color:#5e7d4f}
body .shell .main .auth-steps li.active>span{border-color:#244c48;background:#244c48;color:#fff}
body .shell .main .auth-steps li.active>strong{font-weight:500}
body .shell .main .auth-steps li.done{color:#859b72}
body .shell .main .auth-steps li.done>span{border-color:#e0e8d5;background:#f6faf0;color:#8ba577}
body .shell .main .auth-flow-actions{display:flex;align-items:center;gap:10px;min-width:0}
body .shell .main .auth-flow-actions .auth-submit{flex:1;width:auto}
body .shell .main .auth-back-step{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;margin:2px 0 0;padding:10px 15px;border:1px solid #e3eadc;border-radius:8px;background:#fff;color:#8ba47c;font:inherit;font-size:12px;line-height:1.7;cursor:pointer;box-shadow:none}
body .shell .main .auth-back-step:hover{background:#f9fcf5;border-color:#cfddc4;color:#6f925b}
body .shell .main .auth-back-step:disabled{opacity:1;color:#bbc6af;background:#fafcf7;cursor:not-allowed}
body .shell .main .auth-welcome-credit{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;margin:2px 0;padding:14px 0;border-top:1px dashed #e2ebd7;border-bottom:1px dashed #e2ebd7;font-size:11px;line-height:1.7}
body .shell .main .auth-welcome-credit>span{color:#748866;font-size:10px}
body .shell .main .auth-welcome-credit>strong{color:#5f7e4d;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
body .shell .main .auth-welcome-credit small{font-size:10px;color:#8a9b7c;font-weight:400}
body .shell .main .auth-complete{text-align:center}
body .shell .main .auth-complete-mark{display:grid;place-items:center;width:49px;height:49px;margin:4px auto 21px;border:1px solid #e1e9d8;border-radius:50%;background:#f7fbf1;color:#89a473}
body .shell .main .auth-complete-mark .icon{width:22px;height:22px;stroke-width:1.5}
body .shell .main .auth-complete h2{margin:0;color:#618447;font-size:22px;font-weight:500;line-height:1.8}
body .shell .main .auth-complete>p{margin:10px 0 24px;color:#7d9070;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
body .shell .main .auth-complete .auth-welcome-credit{margin-bottom:26px;text-align:left}
body .shell .main .auth-flow :is(button,a):focus-visible{outline:2px solid #88a571;outline-offset:3px;box-shadow:none}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(max-width:950px){body .shell .main:has(.auth-flow){padding-top:38px}body .shell .main .auth-flow{gap:38px;min-height:490px}body .shell .main .auth-flow-surface{padding:28px 25px}body .shell .main .auth-flow-intro h1{font-size:28px}body .shell .main .auth-flow-art img{width:245px;height:190px}}
@media(max-width:700px){
 body .shell .main:has(.auth-flow){max-width:500px;padding-top:26px;padding-bottom:30px}
 body .shell .main .auth-flow{grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;min-height:0}
 body .shell .main .auth-flow-intro{padding:0;text-align:center}
 body .shell .main .auth-flow-back{display:flex;justify-content:flex-start;margin-bottom:15px;font-size:10px}
 body .shell .main .auth-flow-art{max-width:100%;min-height:0;margin:0 0 10px}
 body .shell .main .auth-flow-art img{width:195px;height:135px}
 body .shell .main .auth-flow-brand{margin-bottom:8px;font-size:9px}
 body .shell .main .auth-flow-intro h1{font-size:27px;line-height:1.6}
 body .shell .main .auth-flow-intro>p{margin-top:9px;font-size:12px}
 body .shell .main .auth-flow-intro-note{display:none}
 body .shell .main .auth-flow-surface{padding:26px 25px;border-radius:11px;box-shadow:none}
 body .shell .main .auth-steps{margin-bottom:27px;gap:14px}
 body .shell .main .auth-steps li:after{right:-7px;width:13px}
 body .shell .main .auth-flow-form{gap:18px}
}
@media(max-width:360px){
 body .shell .main .auth-flow{gap:22px}
 body .shell .main .auth-flow-surface{padding:22px 18px}
 body .shell .main .auth-flow-intro h1{font-size:24px}
 body .shell .main .auth-flow-art img{width:170px;height:115px}
 body .shell .main .auth-steps{gap:10px}
 body .shell .main .auth-steps li{gap:6px}
 body .shell .main .auth-steps li>span{width:22px;height:22px;font-size:9px}
 body .shell .main .auth-steps li>strong{font-size:9px}
 body .shell .main .auth-steps li:after{top:11px;width:8px;right:-4px}
 body .shell .main .auth-welcome-credit{gap:8px;flex-wrap:wrap}
 body .shell .main .auth-welcome-credit>strong{font-size:16px}
 body .shell .main .auth-flow-field :is(input,select,.hb-select-trigger){font-size:12px}
}
body.reduce-motion .auth-flow *,body.reduce-motion .auth-flow *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.auth-flow *,.auth-flow *:after{animation:none!important;transition:none!important}}