:root{--auth-ink:#10251f;--auth-muted:#71827b;--auth-line:#dfeae4;--auth-green:#0a8f65;--auth-soft:#e8f7ef}*{box-sizing:border-box}.auth-page{min-height:100vh;margin:0;background:#f5faf7;color:var(--auth-ink);font:14px 'DM Sans',Arial,sans-serif;overflow-x:hidden}.auth-page:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(201,237,117,.20),transparent 26%),radial-gradient(circle at 10% 85%,rgba(10,143,101,.09),transparent 30%)}.auth-layout{position:relative;z-index:1;min-height:100vh;width:min(1120px,100%);margin:auto;padding:34px 28px;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:80px}.auth-showcase{min-height:560px;display:flex;flex-direction:column;justify-content:space-between;padding:15px 0 30px;animation:authIn .7s ease both}.auth-brand{padding:0!important;color:var(--auth-ink)!important}.auth-kicker{display:inline-flex;color:var(--auth-green);font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:18px}.auth-showcase h2{font:700 clamp(38px,5vw,64px)/1.03 'Space Grotesk',Arial,sans-serif;letter-spacing:-2.5px;margin:0;max-width:600px}.auth-showcase h2 em{font-style:normal;color:var(--auth-green)}.auth-showcase p{max-width:390px;color:var(--auth-muted);font-size:15px;line-height:1.7;margin-top:22px}.auth-stats{display:flex;gap:45px;margin-top:42px}.auth-stats span{display:grid;gap:4px}.auth-stats b{font:700 24px 'Space Grotesk'}.auth-stats small,.auth-feature-list span{color:var(--auth-muted);font-size:11px}.auth-feature-list{display:grid;gap:12px;margin-top:35px}.auth-feature-list span{font-weight:600;color:#476157}.auth-card{background:rgba(255,255,255,.94);border:1px solid var(--auth-line);border-radius:22px;padding:36px;box-shadow:0 25px 80px rgba(20,75,51,.10);animation:cardIn .65s .08s ease both}.auth-card-head{display:flex;align-items:center;gap:10px;margin-bottom:23px}.auth-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--auth-ink);color:#c9ed75;font-weight:800;font-size:18px}.auth-step{color:#91a39a;font-size:9px;letter-spacing:1.5px;font-weight:800}.auth-card h1{font:700 28px 'Space Grotesk';letter-spacing:-.8px;margin:0 0 8px}.auth-subtitle{color:var(--auth-muted);font-size:12px;margin:0 0 25px}.auth-alert{animation:shake .35s ease}.auth-form{display:grid;gap:17px}.auth-form .form-group{gap:7px}.auth-form label{font-size:11px;font-weight:800;color:#53685e}.label-line{display:flex;justify-content:space-between;align-items:center}.label-line a{font-size:10px;color:var(--auth-green);font-weight:700}.password-wrap{position:relative}.password-wrap .form-control{padding-right:42px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8ca198;cursor:pointer;padding:7px}.remember-row{display:flex!important;align-items:center;gap:8px!important;font-size:11px!important;color:var(--auth-muted)!important;font-weight:500!important}.remember-row input{accent-color:var(--auth-green);width:15px;height:15px}.auth-submit{width:100%;border:0;border-radius:10px;padding:13px 15px;background:var(--auth-ink);color:#fff;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,background .2s;box-shadow:0 9px 22px rgba(16,37,31,.15)}.auth-submit:hover{background:var(--auth-green);transform:translateY(-2px)}.auth-submit span,.auth-secondary span{font-size:18px}.auth-submit-link{text-decoration:none;margin-top:15px}.auth-divider{display:flex;align-items:center;gap:10px;color:#a1b0a9;font-size:10px;margin:22px 0 13px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--auth-line);flex:1}.auth-secondary{border:1px solid var(--auth-line);border-radius:10px;padding:12px 15px;display:flex;justify-content:space-between;color:var(--auth-green);font-size:12px;font-weight:800;transition:background .2s}.auth-secondary:hover{background:var(--auth-soft)}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font-size:10px;color:var(--auth-green)}.auth-footnote{text-align:center;color:#9aaaA2;font-size:10px;margin:22px 0 0}.strength-bar{height:4px;border-radius:9px;background:#edf3ef;overflow:hidden;margin-top:1px}.strength-bar i{display:block;height:100%;width:0;background:var(--auth-green);transition:width .25s,background .25s}.strength-text{color:var(--auth-muted);font-size:10px}.strength-bar i[data-level="1"]{background:#d87961}.strength-bar i[data-level="2"]{background:#d9a348}.strength-bar i[data-level="3"]{background:#77bf8b}.auth-orb{position:fixed;border-radius:50%;filter:blur(1px);opacity:.55;pointer-events:none}.orb-one{width:330px;height:330px;right:-110px;top:8%;background:rgba(201,237,117,.20);animation:floatOne 8s ease-in-out infinite}.orb-two{width:230px;height:230px;left:-90px;bottom:8%;background:rgba(10,143,101,.12);animation:floatTwo 10s ease-in-out infinite}@keyframes authIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes floatOne{50%{transform:translate(-18px,22px)}}@keyframes floatTwo{50%{transform:translate(22px,-18px)}}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;padding:18px 16px;gap:10px}.auth-showcase{min-height:0;padding:5px 5px 28px}.auth-showcase h2{font-size:39px;letter-spacing:-1.5px}.auth-showcase p,.auth-stats,.auth-feature-list{display:none}.auth-card{padding:27px 21px;border-radius:18px}.auth-brand{margin-bottom:30px}.auth-card h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.error-page{display:grid;place-items:center}.error-card{position:relative;z-index:1;width:min(520px,calc(100% - 32px));padding:38px;text-align:center;background:rgba(255,255,255,.95);border:1px solid var(--auth-line);border-radius:22px;box-shadow:0 25px 80px rgba(20,75,51,.10);animation:cardIn .65s ease both}.error-card .auth-brand{justify-content:center;margin-bottom:27px}.error-code{font:800 11px 'Space Grotesk';letter-spacing:2px;color:var(--auth-green);margin-bottom:13px}.error-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:20px;background:var(--auth-ink);color:#c9ed75;font:700 29px 'Space Grotesk';box-shadow:0 12px 28px rgba(16,37,31,.18)}.error-card h1{font:700 28px 'Space Grotesk';letter-spacing:-.8px;margin:0 0 10px}.error-card>p{max-width:380px;margin:0 auto;color:var(--auth-muted);font-size:13px;line-height:1.7}.error-actions{display:grid;gap:10px;margin:25px auto 0;max-width:320px}.error-back{width:100%;font:800 12px 'DM Sans';cursor:pointer}.error-help{display:block;color:#9aaaA2;font-size:10px;line-height:1.5;margin-top:23px}@media(max-width:560px){.error-card{padding:28px 20px}.error-card h1{font-size:24px}}
