.App,.background-image{min-height:100vh;width:100%}.background-image{background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.overlay{min-height:100vh;width:100%;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;padding:20px}.container{max-width:500px;width:100%;text-align:center}.logo-container{margin-bottom:40px}.logo{max-width:200px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.form-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2)}.title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle{color:#7f8c8d;font-size:1.1rem;margin-bottom:30px;font-weight:400}.form{display:flex;flex-direction:column;gap:25px}.form-group{text-align:left}.label{display:block;font-weight:600;margin-bottom:8px}.input,.label{color:#2c3e50;font-size:1rem}.input{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease;background:rgba(255,255,255,.9)}.input:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px rgba(243,156,18,.1);transform:translateY(-2px)}.input::placeholder{color:#95a5a6}.submit-button{background:linear-gradient(135deg,#f39c12,#e67e22);color:white;border:none;padding:18px 30px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 20px rgba(243,156,18,.3)}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px rgba(243,156,18,.4)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:#e74c3c;color:white;padding:12px 20px;border-radius:8px;font-size:.9rem;margin-top:10px}.success-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;padding:50px 30px;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{width:80px;height:80px;margin:0 auto 30px;background:#27ae60;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;animation:bounceIn .8s ease-out}@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;font-size:1.8rem;font-weight:700;margin-bottom:15px;line-height:1.3}.success-message{color:#7f8c8d;font-size:1.1rem;margin-bottom:30px;font-weight:500}.reset-button{background:linear-gradient(135deg,#3498db,#2980b9);color:white;border:none;padding:15px 25px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 15px rgba(52,152,219,.3)}.reset-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,152,219,.4)}@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:"";display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}