.auth-page{background:#f0f6f3;flex-direction:column;min-height:100vh;display:flex}.auth-body{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:920px;min-height:580px;display:flex;overflow:hidden;box-shadow:0 4px 32px #07665314}.auth-card--wide{flex-direction:column;max-width:720px}.auth-panel{background:linear-gradient(160deg,#0c342c 0%,#134d3b 50%,#1a6652 100%);flex-direction:column;flex:0 0 42%;justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.auth-panel:before{content:"";background:#e2fbce0f;border-radius:50%;width:340px;height:340px;position:absolute;top:-80px;right:-80px}.auth-panel:after{content:"";background:#249a821f;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-60px;left:-60px}.auth-panel-img{object-fit:cover;opacity:.25;width:100%;height:100%;position:absolute;inset:0}.auth-panel-content{z-index:1;text-align:center;position:relative}.auth-panel-logo{object-fit:cover;filter:drop-shadow(0 2px 12px #0006);border:2px solid #e2fbce80;border-radius:50%;width:80px;height:80px;margin-bottom:2rem}.auth-panel-quote{color:#fffffff5;text-shadow:0 1px 6px #00000073;margin-bottom:1.5rem;font-size:1.05rem;font-style:italic;font-weight:400;line-height:1.8}.auth-panel-brand{color:#e2fbced9;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 4px #00000059;font-size:.75rem;font-weight:500}.auth-form-section{flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex;overflow-y:auto}.auth-heading{color:#0c342c;margin-bottom:.3rem;font-size:1.6rem;font-weight:600;line-height:1.3}.auth-subheading{color:#6b9080;margin-bottom:1.8rem;font-size:.88rem;line-height:1.5}.auth-steps{align-items:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.auth-step-dot{background:#d0e5dc;border-radius:50%;width:8px;height:8px;transition:all .3s}.auth-step-dot--active{background:#076653;border-radius:4px;width:20px}.auth-step-label{color:#9ab5ab;margin-left:.4rem;font-size:.75rem}.auth-msg{border-radius:10px;align-items:flex-start;gap:.5rem;margin-bottom:1.2rem;padding:.75rem 1rem;font-size:.84rem;line-height:1.5;display:flex}.auth-msg--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.auth-msg--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.auth-msg--info{color:#065f46;background:#f0faf7;border:1px solid #a7f3d0}.auth-form{flex-direction:column;gap:0;display:flex}.auth-field{margin-bottom:1.2rem}.auth-label{letter-spacing:.06em;text-transform:uppercase;color:#4a7a68;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.auth-input-wrap{position:relative}.auth-input{color:#1a3d2b;width:100%;height:46px;font-size:.95rem;font-family:var(--font-primary);background:#fafdfb;border:1.5px solid #d4e8df;border-radius:10px;outline:none;padding:0 2.5rem 0 .9rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{background:#fff;border-color:#076653;box-shadow:0 0 0 3px #07665314}.auth-input:disabled{opacity:.55;cursor:not-allowed}.auth-input::placeholder{color:#a8c4bb}.auth-input--select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A7A68' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;padding-right:.9rem}.auth-input--textarea{resize:vertical;height:auto;min-height:80px;padding:.7rem .9rem;line-height:1.5}.auth-input--date::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.auth-eye-btn{cursor:pointer;color:#6b9080;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-eye-btn:hover{color:#076653}.auth-phone-wrap{align-items:center;gap:0;display:flex}.auth-phone-prefix{color:#4a7a68;white-space:nowrap;background:#f0f6f3;border:1.5px solid #d4e8df;border-right:none;border-radius:10px 0 0 10px;align-items:center;height:46px;padding:0 .6rem 0 .9rem;font-size:.9rem;font-weight:500;display:flex}.auth-phone-wrap .auth-input{border-radius:0 10px 10px 0;padding-left:.7rem}input:-webkit-autofill{caret-color:#1a3d2b;-webkit-text-fill-color:#1a3d2b!important;-webkit-box-shadow:inset 0 0 0 30px #fafdfb!important}input:-webkit-autofill:hover{caret-color:#1a3d2b;-webkit-text-fill-color:#1a3d2b!important;-webkit-box-shadow:inset 0 0 0 30px #fafdfb!important}input:-webkit-autofill:focus{caret-color:#1a3d2b;-webkit-text-fill-color:#1a3d2b!important;-webkit-box-shadow:inset 0 0 0 30px #fafdfb!important}.auth-field-hint{color:#9ab5ab;margin-top:.3rem;font-size:.75rem}.auth-strength{align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.auth-strength-bar{flex:1;gap:4px;display:flex}.auth-strength-seg{border-radius:2px;flex:1;height:4px;transition:background .3s}.auth-strength-label{min-width:40px;font-size:.72rem;font-weight:600}.otp-group{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.otp-group-label{color:#4a7a68;text-align:center;font-size:.82rem}.otp-inputs{justify-content:center;gap:.5rem;display:flex}.otp-box{color:#0c342c;text-align:center;width:46px;height:54px;font-size:1.3rem;font-weight:600;font-family:var(--font-primary);background:#fafdfb;border:1.5px solid #d4e8df;border-radius:12px;outline:none;transition:all .2s}.otp-box:focus{background:#fff;border-color:#076653;box-shadow:0 0 0 3px #0766531a}.otp-box:disabled{opacity:.55;cursor:not-allowed}.auth-resend{text-align:center;color:#9ab5ab;margin-bottom:1rem;font-size:.82rem}.auth-resend-btn{cursor:pointer;font-size:.82rem;font-family:var(--font-primary);color:#076653;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;transition:color .2s}.auth-resend-btn:disabled{color:#9ab5ab;cursor:default;text-decoration:none}.auth-checkbox-field{align-items:flex-start;gap:.6rem;margin-bottom:1.2rem;display:flex}.auth-checkbox{accent-color:#076653;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.auth-checkbox-label{color:#5a7a6f;font-size:.82rem;line-height:1.6}.auth-checkbox-label a{color:#076653;font-weight:500;text-decoration:underline}.auth-forgot{text-align:right;margin-bottom:1rem}.auth-forgot-link{color:#6b9080;cursor:pointer;font-size:.8rem;font-family:var(--font-primary);background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s}.auth-forgot-link:hover{color:#076653}.auth-btn{color:#fff;width:100%;height:48px;font-size:.95rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;letter-spacing:.02em;background:#076653;border:none;border-radius:12px;margin-bottom:1rem;transition:all .2s}.auth-btn:hover:not(:disabled){background:#065848;transform:translateY(-1px);box-shadow:0 4px 12px #07665333}.auth-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-footer-text{text-align:center;color:#6b9080;font-size:.84rem}.auth-footer-link{color:#076653;cursor:pointer;font-weight:600;font-family:var(--font-primary);background:0 0;border:none;padding:0;font-size:.84rem;text-decoration:underline;transition:color .2s}.auth-footer-link:hover{color:#0c342c}.auth-grid{grid-template-columns:1fr 1fr;gap:0 1.5rem;display:grid}@media (max-width:820px){.auth-card{flex-direction:column;max-width:480px;min-height:auto}.auth-panel{flex:none;min-height:180px;padding:2rem}.auth-panel-quote{font-size:.9rem}.auth-panel-logo{width:56px;height:56px;margin-bottom:1rem}.auth-form-section{padding:2rem 1.8rem}.auth-grid{grid-template-columns:1fr;gap:0}}@media (max-width:480px){.auth-body{padding:1rem .5rem}.auth-form-section{padding:1.5rem 1.2rem}.auth-panel{min-height:140px}.auth-heading{font-size:1.3rem}.otp-box{width:40px;height:48px;font-size:1.1rem}}