:root{--foreground:#000;--background:#f8f9fa;--accent:#0056b3;--dot-spacing:clamp(1rem,1vw + .5rem,1.5rem);--radius-sm:clamp(.2rem,.2vw + .1rem,.375rem);--radius-md:clamp(.4rem,.3vw + .2rem,.625rem);--radius-lg:clamp(.5rem,.5vw + .25rem,.875rem);--radius-xl:clamp(.6rem,.6vw + .3rem,1rem);--shadow-form:0 .25rem 1.5rem #0000001a;--space-xs:clamp(.25rem,.2rem + .25vw,.5rem);--space-sm:clamp(.5rem,.4rem + .5vw,.75rem);--space-md:clamp(.75rem,.6rem + .75vw,1.25rem);--space-lg:clamp(1rem,.8rem + 1vw,1.5rem);--space-xl:clamp(1.25rem,1rem + 1.5vw,2.5rem);--space-2xl:clamp(1.5rem,1.2rem + 2vw,3.5rem);--space-3xl:clamp(2rem,1.5rem + 3vw,5rem);--text-sm:clamp(.75rem,.7rem + .25vw,.875rem);--text-base:clamp(.875rem,.8rem + .4vw,1rem);--text-lg:clamp(1rem,.9rem + .5vw,1.25rem);--text-xl:clamp(1.125rem,1rem + .75vw,1.5rem);--text-2xl:clamp(1.25rem,1.1rem + 1vw,1.75rem);--text-3xl:clamp(1.5rem,1.5vw + .75rem,2rem);--form-max-width:clamp(20rem,32vw + 8rem,28rem);--logo-width:clamp(8rem,10vw + 4rem,14rem)}.forgot-main-container{background-color:var(--background);background-image:radial-gradient(circle,color-mix(in srgb,var(--foreground),transparent 90%)1px,transparent 1px),radial-gradient(farthest-corner at 0% 150%,color-mix(in srgb,var(--accent),transparent 50%)0%,transparent 60%);background-size:var(--dot-spacing)var(--dot-spacing),100% 100%;width:100%;min-height:100dvh;font-family:Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.forgot-left-panel{padding:var(--space-xl);flex-direction:column;flex:1.5;justify-content:flex-start;align-items:flex-start;display:flex}.forgot-brand-container{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.forgot-brand-logo{width:var(--logo-width);object-fit:contain;height:auto}.forgot-brand-title{font-size:var(--text-lg);color:#333;padding-left:var(--space-xs);margin:0;font-weight:600}.forgot-right-panel{padding:var(--space-xl);background-color:#0000;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;display:flex;overflow:hidden auto}.forgot-form-wrapper{width:min(100%,var(--form-max-width));padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-form);flex-direction:column;justify-content:center;display:flex}.forgot-header-title{font-size:var(--text-2xl);color:#000;margin-top:0;margin-bottom:var(--space-sm);font-weight:700}.forgot-header-subtitle{color:#555;font-size:var(--text-base);margin-bottom:var(--space-lg);line-height:1.5}.forgot-auth-form{gap:var(--space-lg);flex-direction:column;display:flex}.forgot-input-group label{font-size:var(--text-sm);color:#333;margin-bottom:var(--space-xs);font-weight:600;display:block}.forgot-input-group input{width:100%;padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-base);box-sizing:border-box;background:#fff;border:1px solid #0000001a;transition:all .2s}.forgot-input-group input:focus{border-color:#000;outline:none}.forgot-input-error-border{background-color:#fef2f2;border-color:#ef4444!important}.forgot-error-message{color:#ef4444;font-size:var(--text-sm);margin-top:var(--space-xs);display:block}.forgot-success-box{padding:var(--space-md);border-radius:var(--radius-md);color:#166534;font-size:var(--text-base);margin-bottom:var(--space-lg);background:#f0fdf4;border:1px solid #bbf7d0;line-height:1.5}.forgot-success-box .forgot-success-icon{font-size:var(--text-xl);margin-bottom:var(--space-xs);display:block}.forgot-form-error{color:#ef4444;margin-bottom:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);background:#fee}.forgot-submit-btn{width:100%;padding:var(--space-sm);margin-top:var(--space-sm);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;box-sizing:border-box;background-color:#111;border:none;font-weight:600;transition:background-color .2s}.forgot-submit-btn:hover{background-color:#333}.forgot-submit-btn:disabled{cursor:not-allowed;background-color:#999}.forgot-footer-section{margin-top:var(--space-xl);text-align:left;font-size:var(--text-sm);color:#666;gap:var(--space-xs);flex-direction:column;display:flex}.forgot-footer-section a{color:#0056b3;font-weight:600;text-decoration:none}@media (max-width:48rem){.forgot-main-container{flex-direction:column;position:relative;overflow-y:auto}.forgot-left-panel{top:var(--space-lg);left:var(--space-lg);z-index:2;pointer-events:none;flex:none;padding:0;display:flex;position:absolute}.forgot-brand-container{align-items:flex-start}.forgot-brand-logo{width:clamp(5rem,18vw,7rem)}.forgot-brand-title{font-size:var(--text-sm);padding-left:0;display:block}.forgot-right-panel{width:100%;padding:var(--space-lg);flex:1;justify-content:flex-start;align-items:flex-end;padding-top:clamp(6.5rem,16vw,8rem)}.forgot-form-wrapper{margin-inline:auto 0}}