.auth-page{--auth-green:#118c45;--auth-green-dark:#087437;--auth-ink:#172238;--auth-muted:#6f7b90;width:100%;min-height:100svh;color:var(--auth-ink);background:radial-gradient(circle at 10% 8%,#118c450f,#0000 24rem),#f7f9f8;place-items:center;padding:clamp(20px,5vh,64px) clamp(16px,5vw,72px);display:grid}.auth-shell{background:#fff;border:1px solid #0f172a0d;border-radius:22px;grid-template-columns:minmax(310px,37%) minmax(0,1fr);width:min(1120px,100%);min-height:min(790px,100svh - 64px);display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a1f}.auth-brand-panel{isolation:isolate;color:#fff;background:linear-gradient(#0069301f,#00462340),url(/images/auth-forest.png) 50%/cover no-repeat;min-height:100%;position:relative;overflow:hidden}.auth-brand-overlay{z-index:-1;background:linear-gradient(#007e39f5 0%,#007133d1 27%,#004e280d 62%),linear-gradient(#0000 55%,#003c1f7a);position:absolute;inset:0}.auth-brand-content{flex-direction:column;justify-content:space-between;height:100%;min-height:690px;padding:clamp(44px,7vw,78px) clamp(32px,4vw,58px) 58px;display:flex}.auth-logo{letter-spacing:-.025em;align-items:center;gap:12px;font-size:clamp(1.55rem,2.2vw,2rem);font-weight:800;display:flex}.auth-logo svg{color:#60b633;stroke-width:2.8px;width:42px;height:42px;transform:rotate(-10deg)}.auth-brand-copy{color:#ffffffeb;margin:32px 0 0;font-size:1rem;line-height:1.75}.auth-security{text-shadow:0 1px 12px #00281466;align-items:flex-start;gap:14px;display:flex}.auth-security svg{flex:none;width:25px;height:25px}.auth-security strong,.auth-security span{display:block}.auth-security strong{margin-bottom:5px;font-size:.96rem}.auth-security span{color:#ffffffe0;font-size:.82rem;line-height:1.65}.auth-main-panel{background:#fff;flex-direction:column;min-width:0;display:flex}.auth-content{width:min(100%,580px);margin:auto;padding:56px clamp(36px,7vw,76px) 40px}.auth-heading{margin-bottom:42px}.auth-heading h1{color:var(--auth-ink);letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(2rem,3vw,2.55rem);font-weight:800;line-height:1.15}.auth-heading p{color:var(--auth-muted);margin:0;font-size:.98rem}.auth-form{flex-direction:column;gap:22px;display:flex}.auth-field label{color:#546176;margin-bottom:9px;font-size:.86rem;font-weight:700;display:block}.auth-input-wrap{position:relative}.auth-input-icon{color:#728096;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.auth-input{width:100%;height:58px;color:var(--auth-ink);background:#fff;border:1px solid #d3dbe6;border-radius:11px;outline:none;padding:0 50px 0 52px;font-size:.96rem;transition:border-color .16s,box-shadow .16s}.auth-input::placeholder{color:#9aa4b3}.auth-input:focus{border-color:var(--auth-green);box-shadow:0 0 0 4px #118c451a}.auth-password-toggle{width:34px;height:34px;color:var(--auth-green);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.auth-password-toggle:hover{background:#edf9f1}.auth-row{color:var(--auth-muted);justify-content:space-between;align-items:center;gap:20px;font-size:.85rem;display:flex}.auth-check{cursor:pointer;align-items:center;gap:9px;display:flex}.auth-check input{width:19px;height:19px;accent-color:var(--auth-green);margin:0}.auth-link{color:var(--auth-green);font-weight:700}.auth-link:hover{color:var(--auth-green-dark)}.auth-submit{color:#fff;background:linear-gradient(110deg,#0c9647,#12853f);border:0;border-radius:11px;justify-content:center;align-items:center;gap:14px;height:58px;margin-top:4px;font-size:.98rem;font-weight:750;transition:transform .16s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 10px 22px #118c452e}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #118c4540}.auth-submit:disabled{cursor:wait;opacity:.68}.auth-divider{color:#7b8799;align-items:center;gap:20px;margin:28px 0 22px;font-size:.86rem;font-weight:650;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dce2e9;flex:1;height:1px}.auth-switch{text-align:center;color:var(--auth-muted);margin:0;font-size:.9rem}.auth-mvp-banner{background:linear-gradient(120deg,#f7fffa,#f0fbf4);border:1px solid #a9dfbc;border-radius:12px;align-items:flex-start;gap:17px;margin-top:38px;padding:22px 24px;display:flex}.auth-mvp-banner svg{color:var(--auth-green);flex:none}.auth-mvp-banner strong{color:#177b43;margin-bottom:5px;font-size:.95rem;display:block}.auth-mvp-banner p{color:var(--auth-muted);margin:0;font-size:.79rem;line-height:1.6}.auth-footer{color:#788497;background:#fbfcfd;border-top:1px solid #e7ebf0;justify-content:space-between;align-items:center;gap:20px;min-height:84px;margin-top:auto;padding:18px 36px;font-size:.78rem;display:flex}.auth-footer-links{align-items:center;gap:12px;display:flex}.auth-language{color:#4c586b;height:40px;font:inherit;cursor:pointer;background:#f3f5f7;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 13px;font-weight:700;display:flex}.auth-language select{appearance:auto;min-width:74px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:0}.auth-register .auth-heading{margin-bottom:28px}.auth-register .auth-form{gap:15px}.auth-register .auth-input{height:52px}.auth-register .auth-submit{height:54px}.auth-register .auth-switch{margin-top:22px}@media (max-width:860px){.auth-page{background:#fff;padding:0}.auth-shell{min-height:100svh;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.auth-brand-panel{background-position:50% 58%;min-height:190px}.auth-brand-overlay{background:linear-gradient(110deg,#007434f7,#005b2bb8)}.auth-brand-content{min-height:190px;padding:30px clamp(24px,8vw,60px)}.auth-brand-copy{margin-top:14px;line-height:1.5}.auth-security{display:none}.auth-content{padding:44px clamp(24px,8vw,72px) 38px}}@media (max-width:520px){.auth-brand-panel,.auth-brand-content{min-height:155px}.auth-brand-content{padding:24px}.auth-logo{font-size:1.45rem}.auth-logo svg{width:34px;height:34px}.auth-brand-copy{font-size:.82rem}.auth-content{padding:34px 22px 30px}.auth-heading{margin-bottom:30px}.auth-heading h1{font-size:1.85rem}.auth-row{align-items:flex-start;gap:12px}.auth-mvp-banner{margin-top:30px;padding:18px}.auth-footer{flex-wrap:wrap;padding:18px 22px}}
