*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto,sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#1976d2,#d81b60)}.login-container{background-color:silver;padding:40px;border-radius:10px;box-shadow:0 0 20px #0000001a;width:100%;max-width:400px;text-align:center}.login-container h1{margin-bottom:20px;color:#333}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:5px;color:#666}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s}.form-group input:focus{border-color:#2196f3}.forgot-password{text-align:right;margin-bottom:20px}.forgot-password a{color:#666;text-decoration:none;font-size:14px}.login-btn{width:100%;padding:12px;background:linear-gradient(45deg,#00bcd4,#e91e63);border:none;border-radius:5px;color:#fff;font-size:16px;cursor:pointer;transition:opacity .3s}.login-btn:hover{opacity:.9}.social-login{margin-top:30px}.social-login p{color:#666;margin-bottom:15px}.social-icons{display:flex;justify-content:center;gap:10px}.social-icons button{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.facebook{background:#3b5998}.twitter{background:#1da1f2}.google{background:#db4437}.whatsapp{background:#25d366}.linkedin{background:#0077b5}.github{background:#333}.signup-link{margin-top:20px}.signup-link a{color:#2196f3;text-decoration:none}#custom-alert{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:15px 30px;border-radius:5px;font-size:16px;box-shadow:0 5px 10px #0000001a;opacity:0;transition:opacity .5s ease-in-out}#custom-alert.show{opacity:1}@keyframes borderAnimation{0%{border-image-source:linear-gradient(45deg,#1a1a1a,#3b5998,#ff4500,white)}25%{border-image-source:linear-gradient(45deg,#3b5998,#ff4500,#4b0082,#ffeb00)}50%{border-image-source:linear-gradient(45deg,#ff4500,white #ffeb00,#0f0f0f)}75%{border-image-source:linear-gradient(45deg,#4b0082,#ffeb00,#0f0f0f,#2c3e50)}to{border-image-source:linear-gradient(45deg,#ffeb00,#0f0f0f,#2c3e50,#ff0073)}}@keyframes glowingBorder{0%{box-shadow:0 0 10px #ff450099}50%{box-shadow:0 0 20px #483d8bcc}to{box-shadow:0 0 10px #ff450099}}.login-container{border:10px solid;border-image-slice:1;border-image-source:linear-gradient(45deg,#1a1a1a,#3b5998,#ff4500,#4b0082);animation:borderAnimation 2s infinite linear,glowingBorder 5s infinite alternate;transition:all .5s ease-in-out}