Login Form body { margin: 0; padding: 0; font-family: Arial, sans-serif; background: #f0f2f5; display: flex; justify-content: center; align-items: center; height: 100vh; } .login-box { width: 350px; padding: 30px; background: white; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.1); } .login-box h2 { text-align: center; margin-bottom: 25px; color: #333; } .input-box { margin-bottom: 15px; } .input-box label { font-size: 14px; color: #333; } .input-box input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-top: 5px; font-size: 15px; } .input-box input:focus { border-color: #0066cc; outline: none; } .btn-login { width: 100%; padding: 10px; border: none; background: #0066cc; color: white; border-radius: 5px; font-size: 16px; cursor: pointer; margin-top: 10px; } .btn-login:hover { background: #004999; } .extra-link { text-align: center; margin-top: 15px; } .extra-link a { text-decoration: none; color: #0066cc; } .extra-link a:hover { text-decoration: underline; } Login Username Password Login Don’t have an account? Register