body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#f3f4f6;background-image:url("https://bing.img.run/m.php");background-size:cover;animation:cloud-animation 30s linear infinite;overflow:hidden;}@media (min-width:768px){body{background-image:url("https://bing.img.run/uhd.php");}}@keyframes cloud-animation{from{background-position:0 0;}to{background-position:100% 0;}}.form{width:100%;max-width:350px;background-color:rgba(255,255,255,0.9);padding:1rem;border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);backdrop-filter:blur(10px);opacity:0;animation:fade-in 0.5s forwards 0.5s;}@keyframes fade-in{from{opacity:0;}to{opacity:1;}}.form-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;text-align:center;color:#333;margin-bottom:1rem;animation:slide-down 0.5s ease;}@keyframes slide-down{from{transform:translateY(-20px);opacity:0;}to{transform:translateY(0);opacity:1;}}.input-container{display:flex;justify-content:center;margin-bottom:1rem;}.input-container input{outline:none;border:1px solid #e5e7eb;width:100%;background-color:#fff;padding:1rem;font-size:0.875rem;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);transition:border-color 0.3s,box-shadow 0.3s;}.input-container input:focus{border-color:#4f46e5;box-shadow:0 0 5px rgba(79,70,229,0.5);}.submit{display:block;padding:0.75rem 1.25rem;background-color:#4f46e5;color:#ffffff;font-size:0.875rem;font-weight:500;width:100%;border-radius:0.5rem;text-transform:uppercase;border:none;}.submit:hover{background-color:#4338ca;}.alert{margin-top:10px;padding:0.5rem;border-radius:0.5rem;display:none;}.alert.success{background-color:#d1fae5;border-left:4px solid #34d399;color:#065f46;}.alert.info{background-color:#bfdbfe;border-left:4px solid #3b82f6;color:#1e3a8a;}.alert.warning{background-color:#fef08a;border-left:4px solid #fbbf24;color:#78350f;}.alert.error{background-color:#fee2e2;border-left:4px solid #f87171;color:#991b1b;}