@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:hidden}.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)}.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}}