.App{width:100%;min-height:100vh}.background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh;position:relative}.overlay{background:linear-gradient(135deg,#000000b3 0%,#00000080 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.container{text-align:center;width:100%;max-width:500px}.logo-container{margin-bottom:40px}.logo{filter:drop-shadow(0 4px 8px #0000004d);max-width:200px;height:auto}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;padding:40px 30px;box-shadow:0 20px 40px #0000004d}.title{color:#2c3e50;text-shadow:0 2px 4px #0000001a;margin-bottom:10px;font-size:2.5rem;font-weight:700}.subtitle{color:#7f8c8d;margin-bottom:30px;font-size:1.1rem;font-weight:400}.form{flex-direction:column;gap:25px;display:flex}.form-group{text-align:left}.label{color:#2c3e50;margin-bottom:8px;font-size:1rem;font-weight:600;display:block}.input{color:#2c3e50;background:#ffffffe6;border:2px solid #e0e0e0;border-radius:12px;width:100%;padding:15px 20px;font-size:1rem;transition:all .3s}.input:focus{border-color:#f39c12;outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px #f39c121a}.input::placeholder{color:#95a5a6}.submit-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border:none;border-radius:12px;padding:18px 30px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #f39c124d}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #f39c1266}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{color:#fff;background:#e74c3c;border-radius:8px;margin-top:10px;padding:12px 20px;font-size:.9rem}.success-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;padding:50px 30px;animation:.6s ease-out slideIn;box-shadow:0 20px 40px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{color:#fff;background:#27ae60;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 30px;animation:.8s ease-out bounceIn;display:flex}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-icon svg{width:40px;height:40px}.success-title{color:#27ae60;margin-bottom:15px;font-size:1.8rem;font-weight:700;line-height:1.3}.success-message{color:#7f8c8d;margin-bottom:30px;font-size:1.1rem;font-weight:500}.reset-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border:none;border-radius:10px;padding:15px 25px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 6px 15px #3498db4d}.reset-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db66}@media (max-width:768px){.overlay{padding:15px}.container{max-width:100%}.logo{max-width:150px}.form-container,.success-container{padding:30px 20px}.title{font-size:2rem}.success-title{font-size:1.5rem}.input{padding:12px 15px}.submit-button{padding:15px 25px;font-size:1rem}}@media (max-width:480px){.title{font-size:1.8rem}.subtitle{font-size:1rem}.form-container,.success-container{padding:25px 15px}.success-icon{width:60px;height:60px}.success-icon svg{width:30px;height:30px}.success-title{font-size:1.3rem}}.submit-button:disabled:after{content:"";border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}