*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-layout{display:flex;min-height:100vh;background:#fff;--auth-primary: #1E514B}.auth-layout__image{flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:24px;margin:20px;position:relative}.auth-layout__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.auth-layout__logo{width:140px;height:auto;margin-bottom:24px}.auth-layout__title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px;text-align:center}.auth-layout__subtitle{font-size:15px;color:#666;margin-bottom:32px;text-align:center;max-width:400px}.auth-form{width:100%;max-width:420px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}.form-label .required{color:#e74c3c}.form-input{width:100%;padding:14px 16px;font-size:15px;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:all .2s;background:#fff}.code-input{font-family:Courier New,monospace;letter-spacing:2px;font-weight:600;text-align:center}.form-hint{font-size:12px;color:#999;margin-top:4px;text-align:right}.form-input::placeholder{color:#999}.form-input:focus{border-color:#1e514b;box-shadow:0 0 0 3px #1e514b1a}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.input-wrapper{position:relative}.input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;color:#999;transition:color .2s}.input-icon:hover{color:#666}.checkbox-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.checkbox-wrapper{display:flex;align-items:center;gap:8px}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#1E514B}.checkbox-label{font-size:14px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.link{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.link:hover{color:#2563eb}.link--blue{color:#3b82f6}.link--center{display:flex!important;justify-content:center;text-align:center;margin-top:24px;width:100%}.link--back{display:inline-flex;align-items:center;gap:6px;color:#1e514b}.link--back:hover{color:#153a36}.btn{width:100%;padding:14px 24px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s;outline:none}.btn-primary{background:var(--auth-primary);color:#fff}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--auth-primary),black 15%);transform:translateY(-1px);box-shadow:0 4px 12px #1e514b4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.otp-container{margin-bottom:32px}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.otp-input{width:52px;height:60px;font-size:24px;font-weight:600;text-align:center;border:1px solid #e0e0e0;border-radius:8px;outline:none;transition:all .2s}.otp-input:focus{border-color:#2d8a7a;box-shadow:0 0 0 3px #2d8a7a1a}.otp-input.filled{border-color:#2d8a7a;background:#f0f9f7}.email-display{text-align:center;margin-bottom:32px}.email-display__text{font-size:14px;color:#666;margin-bottom:4px}.email-display__email{font-size:15px;font-weight:600;color:#1a1a1a}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;text-align:center}.field-error{color:#e74c3c;font-size:13px;margin-top:6px;display:block;text-align:left}.form-input--error{border-color:#e74c3c!important}.form-input--error:focus{box-shadow:0 0 0 3px #e74c3c1a!important}.success-message{background:#efe;border:1px solid #cfc;color:#3c3;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;text-align:center}.resend-text{text-align:center;font-size:14px;color:#666}.resend-link{color:#2d8a7a;font-weight:500;cursor:pointer;text-decoration:none}.resend-link:hover{text-decoration:underline}@media(max-width:768px){.auth-layout{flex-direction:column}.auth-layout__image{display:none}.auth-layout__content{padding:60px 24px 24px;justify-content:flex-start}.auth-layout__logo{width:80px}.auth-layout__title{font-size:24px}.auth-layout__subtitle{font-size:14px}.auth-form{max-width:100%}.otp-input{width:56px;height:56px;font-size:20px}.otp-inputs{gap:8px}}.btn.loading{position:relative;color:transparent!important;-webkit-user-select:none;user-select:none}.btn.loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;z-index:2;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.loading-overlay__container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:90%}.loading-overlay__spinner-wrapper{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.loading-overlay__spinner{position:absolute;width:100%;height:100%;border:12px solid #F0F0F0;border-top:12px solid #1E514B;border-radius:50%;animation:spinner 1.5s linear infinite}.loading-overlay__logo{width:60px;height:auto;z-index:1}.loading-overlay__title{font-size:28px;font-weight:700;color:#000;margin-bottom:12px}.loading-overlay__subtitle{font-size:16px;color:#666;max-width:400px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-rules{display:flex;gap:24px;margin-top:12px;margin-bottom:24px}.password-rules__column{flex:1;display:flex;flex-direction:column;gap:8px}.rule-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;transition:all .2s}.rule-item--valid{color:#43b75d}.rule-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;border:1.5px solid #e0e0e0}.rule-item--valid .rule-icon{background:#43b75d;border-color:#43b75d;color:#fff}.rule-icon svg{width:12px;height:12px}