@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);:root{--primary-color:#ffc107;--secondary-color:#2c3e50;--success-color:#28a745;--text-color-dark:#333;--text-color-light:#666;--bg-color:#f4f7f6;--card-bg:#fff;--border-color:#ddd}*{box-sizing:border-box;padding:0}*,body{margin:0}body{align-items:center;background-color:var(--bg-color);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow-y:auto}.container{background-color:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);max-width:400px;padding:30px 40px;text-align:center;width:90%;z-index:10}.form-container{display:none}.form-container.active{display:block}.form-container h2{color:var(--text-color-dark);font-weight:600;margin-bottom:25px}.form-container h2 i{color:var(--primary-color);margin-right:10px}.form-container input{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1em;margin-bottom:15px;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-container input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(44,62,80,.15);outline:none}.password-wrapper{margin-bottom:15px;position:relative;width:100%}.password-wrapper input[type=password],.password-wrapper input[type=text]{margin-bottom:0;padding-right:45px}.toggle-password{color:var(--text-color-light);cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .2s ease}.toggle-password:hover{color:var(--text-color-dark)}.form-container button[type=submit]{background-color:var(--success-color);border:none;border-radius:8px;box-shadow:0 4px 10px rgba(40,167,69,.2);color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;margin-top:10px;padding:14px;transition:background-color .2s ease,transform .2s ease;width:100%}.form-container button[type=submit]:hover{background-color:#218838;transform:translateY(-2px)}.divider{align-items:center;color:var(--text-color-light);display:flex;font-size:.9em;margin:20px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1}.divider span{padding:0 10px}.social-logins{display:flex;flex-direction:column;gap:10px}.social-btn{background:#fff;border:1px solid var(--border-color);border-radius:25px;color:var(--text-color-dark);cursor:pointer;font-size:1em;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:100%}.social-btn,.social-content{align-items:center;display:flex;justify-content:center}.social-content{gap:12px}.social-text{color:#444;font-family:Poppins,sans-serif;font-size:15px;letter-spacing:.3px}.google-text{background:linear-gradient(90deg,#4285f4 25%,#ea4335 0,#ea4335 50%,#fbbc05 0,#fbbc05 75%,#34a853 0);-webkit-background-clip:text;font-weight:600;-webkit-text-fill-color:transparent}.social-btn.google{border-color:#ddd;box-shadow:0 2px 4px rgba(0,0,0,.05)}.social-btn.facebook{background:#1877f2;border:none;box-shadow:0 4px 10px rgba(24,119,242,.2);color:#fff}.social-btn.facebook i{color:#fff;font-size:1.4em}.social-btn.facebook .social-text{color:#fff}.social-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.paw-loader-overlay{align-items:center;background:#fff;display:none;flex-direction:column;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .5s ease;visibility:hidden;z-index:9999}.paw-loader-overlay.active{display:flex;opacity:1;visibility:visible}.paw-animation-container{align-items:center;display:flex;flex-direction:column;gap:20px}.paw-steps{display:flex;gap:15px}.paw-step{animation:pawStep 1.2s infinite;color:var(--primary-color);font-size:2.5rem;margin:0!important;opacity:0}.paw-step.step-2{animation-delay:.4s;transform:none!important}.paw-step.step-3{animation-delay:.8s}@keyframes pawStep{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.paw-animation-container p{color:var(--secondary-color);font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;margin-top:10px}.form-container p{color:var(--text-color-light);font-size:.9em;margin-top:20px}.form-container a{color:var(--primary-color);font-weight:600;text-decoration:none}.form-container a:hover{text-decoration:underline}.error-message{color:red;font-size:.9em;margin-top:10px;min-height:1.2em}.animal{height:auto;opacity:.8;position:absolute;transition:all 2s ease-in-out;width:100px;z-index:5}.footprint{animation:fadeOut 2s forwards;opacity:.5;position:absolute;width:20px;z-index:1}@keyframes fadeOut{0%{opacity:.5}to{opacity:0}}.lost-dog{animation:blink 1.5s infinite alternate;background:rgba(255,99,71,.9);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff;font-size:1em;font-weight:700;left:50%;padding:10px 20px;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:20}@keyframes blink{0%{opacity:1}to{opacity:.7}}footer{background-color:rgba(244,247,246,.8);bottom:0;color:#888;font-size:.8em;padding:10px 0;position:fixed;text-align:center;width:100%;z-index:20}@media (max-width:480px){body{align-items:flex-start;padding-top:80px}.container{margin-top:20px;padding:25px 20px;width:90%}.lost-dog{font-size:.9em;top:15px;width:calc(100% - 30px)}.form-container h2{font-size:1.3em}.form-container input{padding:10px 12px}.password-wrapper input[type=password],.password-wrapper input[type=text]{padding-right:40px}.toggle-password{right:12px}.form-container button[type=submit]{font-size:1em;padding:12px}footer{font-size:.75em}}.iti{margin-bottom:15px;width:100%}.iti__flag-container{padding:2px}.iti--separate-dial-code .iti__selected-dial-code{color:var(--secondary-color);font-family:Poppins,sans-serif;font-weight:600;margin-left:8px}