.modern-login-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:#f3f2ef;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.modern-login-form-wrapper{width:100%;max-width:550px;margin:0 auto}.modern-login-form{width:100%;padding:3rem 2.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.modern-login-brand{text-align:center;margin-bottom:1.5rem}.modern-login-brand img{height:70px;width:auto}.modern-login-title{font-size:2.75rem;font-weight:700;color:rgba(0,0,0,.9);margin-bottom:2rem;text-align:left}.modern-form-group{margin-bottom:1rem}.modern-form-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:1.05rem}.modern-checkbox-container{display:flex;align-items:center;margin:1.5rem 0}.modern-checkbox-container input[type=checkbox]{width:18px;height:18px;margin-right:.75rem;accent-color:#3e7c17;cursor:pointer}.modern-checkbox-container label{font-size:1.05rem;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modern-form-input{width:100%;padding:1.1rem 1.5rem;border:1px solid rgba(0,0,0,.6);border-radius:4px;font-size:1.15rem;transition:all .15s ease;background:#fff;color:rgba(0,0,0,.9);box-sizing:border-box}.modern-form-input:focus{outline:none;border-color:#3e7c17;box-shadow:0 0 0 1px #3e7c17}.modern-form-input:hover{border-color:rgba(0,0,0,.9)}.modern-btn{width:100%;padding:1.1rem 1.5rem;border:none;border-radius:7px;font-weight:600;font-size:1.15rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modern-btn-primary{background:#f05915;color:#fff;transition:background-color .8s ease .1s!important}.modern-btn-primary:hover:not(:disabled){background:#c03409}.modern-btn-primary:active{transform:scale(.98)}.modern-btn:disabled{opacity:.6;cursor:not-allowed}.modern-divider{display:flex;align-items:center;margin:2rem 0}.modern-divider:after,.modern-divider:before{content:"";flex:1 1;height:1px;background:rgba(0,0,0,.15)}.modern-divider span{padding:0 1rem;color:rgba(0,0,0,.6);font-size:1.05rem}.social-login-buttons{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.1rem 1.5rem;border:1px solid rgba(0,0,0,.6);border-radius:24px;background:#fff;color:rgba(0,0,0,.6);text-decoration:none;font-weight:600;font-size:1.15rem;transition:all .2s ease;cursor:pointer}.social-btn:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.9);text-decoration:none}.social-btn img{width:20px;height:20px}.modern-otp-container{display:flex;justify-content:center;margin:1.5rem 0}.modern-otp-input{width:50px!important;height:60px!important;margin:0 .25rem!important;border:1px solid rgba(0,0,0,.6)!important;border-radius:4px!important;text-align:center!important;font-size:1.25rem!important;font-weight:600!important;background:#fff!important;color:rgba(0,0,0,.9)!important;transition:all .15s ease!important}.modern-otp-input:focus{outline:none!important;border-color:#3e7c17!important;box-shadow:0 0 0 1px #3e7c17!important}.modern-resend-link{color:#3e7c17;text-decoration:none;font-weight:600;transition:color .2s ease}.modern-resend-link:hover:not(.disabled){color:#2f5f11;text-decoration:underline}.modern-resend-link.disabled{color:#9ca3af;cursor:not-allowed;pointer-events:none}.modern-switch-method-link{font-size:.9rem}.modern-switch-method-link:hover{color:#2f5f11!important}.modern-footer-section{margin-top:2rem}.modern-footer-links{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.15)}.modern-footer-links a{color:rgba(0,0,0,.6);text-decoration:none;font-size:.75rem;margin:0 .5rem;transition:color .2s ease}.modern-footer-links a:hover{color:#3e7c17;text-decoration:underline}.modern-signup-link{text-align:center;color:rgba(0,0,0,.9);font-size:1.4rem}.modern-signup-link a{color:#3e7c17;font-weight:600;text-decoration:none;transition:color .2s ease}.modern-signup-link a:hover{color:#2f5f11;text-decoration:underline}.modern-forgot-link{color:#3e7c17;text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s ease}.modern-forgot-link:hover{color:#2f5f11;text-decoration:underline}.modern-error-message{color:#ef4444}.modern-error-message,.modern-success-message{font-size:.875rem;margin-top:.5rem;font-weight:500}.modern-success-message{color:#10b981}.modern-loading-spinner{width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.modern-login-container{padding:1rem}.modern-login-form{padding:2rem 1.5rem}.modern-login-title{font-size:1.75rem}.modern-otp-input{width:45px!important;height:55px!important;margin:0 .2rem!important}}@media (max-width:480px){.modern-login-form{padding:1.5rem 1rem}.modern-login-title{font-size:1.5rem}.modern-form-input{padding:.625rem}.social-btn{padding:.5rem .75rem;font-size:.9rem}.modern-otp-input{width:40px!important;height:50px!important;font-size:1.1rem!important}}.form-fade-enter{opacity:0;transform:translateY(20px)}.form-fade-enter-active{transition:opacity .3s ease,transform .3s ease}.form-fade-enter-active,.form-fade-exit{opacity:1;transform:translateY(0)}.form-fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.modern-btn:focus,.modern-form-input:focus,.social-btn:focus{outline-offset:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}